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

2019-11-15  本文已影响0人  宇落星辰_30ba
// 去除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;
    }
  }
上一篇下一篇

猜你喜欢

热点阅读