美文网首页
input限制只能输入手机号完整版

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

作者: 宇落星辰_30ba | 来源:发表于2019-11-15 15:43 被阅读0次
    // 去除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;
        }
      }
    

    相关文章

      网友评论

          本文标题:input限制只能输入手机号完整版

          本文链接:https://www.haomeiwen.com/subject/pcrsictx.html