输入控件控制输入限制

 我们在很多时候需要控制输入框的输入限制,比如注册的时候,限制只能输入数字,日期等,当然,限制方式很多,今天介绍一种通过js来实现的一种即时控制限制,也就是在你输入的时候就给予限制:

   也就是163邮箱注册的时候,那个日期控制的效果,那么怎么实现呢,其实很简单,看个例子,比如我们想来控制InputText的框中只能输入数字,那么只要使用onkeyup事件来完成就可以了

  <input id="inputText" onkeyup="value=value.replace(/[^\d]/g,'')" />

带小数点

<input type="text" onkeyup="value=value.replace(/[^\d|.]/g,'')" />

 这样就ok了,同样我们也可以把里面的正则表达式换掉,比如换成日期的,汉字的等等

输入中文限制:

function Chinasimple(str) {
           var strs=str.replace(/(^\s+)|(\s+$)/g, "");//去除前后的空格
            if (!strs.match(/^[\u4e00-\u9fa5]{2,4}$/)) {//我习惯用match
                alert("只能输入2到4个汉字");
                return false;
            }
        }

多思考,多创新,才是正道!
原文地址:https://www.cnblogs.com/shuang121/p/2244464.html