input限制只能输入手机号完整版

// 去除input type="number" 的控制按钮
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance:none
}
input[type="number"] {
    -moz-appearance:textfield
}
// 手机号输入框
<input id="input-area" rows="1" maxlength="11" placeholder="请输入手机号" autocomplete="off" class="ivu-input" type="number">
// 手机号输入监听
$('#input-area').bind('input propetychange', function () {
   $(this).val($(this).val().replace(/-/g, ''));
   if ($(this).val().length >= 11) {
     // 超过11位数时截取到11位
     $(this).val($(this).val().substr(0, 11));
   } else {
     // 小于
   }
});
// 禁止键盘的“-”,“.”等符号按键事件
$(document).keydown(function (event) {
   // console.log(event.keyCode)
   if (event.keyCode == "107" || event.keyCode == "109" || event.keyCode == "110" || event.keyCode == "189" || event.keyCode == "190" || event.keyCode == "229") {
      event.preventDefault();
   }
});
// 校验手机号码:必须以数字开头,除数字外,可含有“-”
 function isPhoneNo(value) {
    var rex = /^1[34578]\d{9}$/;// /^1[3-9]+\d{9}$/;
    if (rex.test(value)) {
       return true;
    } else {
       return false;
    }
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容