zoukankan      html  css  js  c++  java
  • js限制输入框的字符数以及只允许输入数字实现

    function limit(obj, limit) {
            var val = obj.value;
            if (len(val) > limit) {
                val=val.substring(0,limit);
                while (len(val) > limit){
                    val = val.substring(0, val.length - 1);
                };
                obj.value = val;
            }
        }
        function clearNotNum(Obj){
            Obj.value = Obj.value.replace(/[^d]/g,"");//清除“数字”以外的字符
        }
        function clearNoNum(obj){
    obj.value = obj.value.replace(/[^d.]/g,""); //清除“数字”和“.”以外的字符
       obj.value = obj.value.replace(/.{2,}/g,"."); //只保留第一个. 清除多余的
       obj.value = obj.value.replace(".","$#$").replace(/./g,"").replace("$#$",".");
       obj.value = obj.value.replace(/^(-)*(d+).(dd).*$/,'$1$2.$3');//只能输入两个小数
       if(obj.value.indexOf(".")< 0 && obj.value !=""){//以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
      obj.value= parseFloat(obj.value);
      }
      }

    html

    <p class="input clear "><span><input type="text" id="companyPhone" name="companyPhone" value="${nhProvider.companyPhone}" class="validate[required,custom[phone]]" onkeyup="limit(this, 16);clearNotNum(this);" onpaste="limit(this, 16);clearNotNum(this);"S/></span></p>

    或者

    <p class="input clear "><span><input type="text" id="companyPhone" name="companyPhone" value="${nhProvider.companyPhone}" class="validate[required,maxSize[13]]" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9|-]+/,'');}).call(this)" onblur="this.v();"/></span></p>
  • 相关阅读:
    ES6常用新特性
    jquery基础总结 -- 转载
    正则验证
    prop attr 到底哪里不一样?
    分页导航 获取当前页码 的 分页导航哦
    使用Bootatrap的心得
    使用padding来合理布局自己的容器类
    使用angular-ui-router替代ng-router
    使用jitpack来获取github上的开源项目
    关于移动端的UI事件分类
  • 原文地址:https://www.cnblogs.com/pypua/p/12897197.html
Copyright © 2011-2022 走看看