正则表达式限制输入数字（小数、小数整数）附图

最新推荐文章于 2023-10-18 14:45:10 发布

xxxxxxxxYZ

最新推荐文章于 2023-10-18 14:45:10 发布

阅读量2.2k

点赞数

分类专栏： js 正则表达式

本文链接：https://blog.youkuaiyun.com/xxxxxxxxYZ/article/details/96436041

版权

js 同时被 2 个专栏收录

6 篇文章

订阅专栏

正则表达式

1 篇文章

订阅专栏

html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
   <script src="inputVerification.js" type="text/javascript"></script>
</head>
<body>

<label style="display: inline-block;width: 100px">整数：</label><input type="text" regexInput="int"/><!-- 整数 -->
<br><label style="display: inline-block;width: 100px">小数整数：</label><input type="text" regexInput="number"/><!-- 小数整数 -->

<script type="text/javascript">
	InputUtil.limitInputFormat();
</script>
 
</body>
</html>

js：

var InputUtil = {
    /**
    *数字，中文，字母,double 类型输入限制；
    *只要在input标签上加上jInput="int,chinese,english,double" 
    */ 
     limitInputFormat: function() {
        _limitInputFormat();
    }
};
 /**
  * [_limitInputFormat description]
  * @param  {[type]} browserType [description]
  * @return 
  */
 function _limitInputFormat() {
    var inputType=['int','chinese','english','double','number']; 
    var inputs = document.getElementsByTagName("input");
    for(var i=0;i<inputs.length;i++){
        if(inputs[i].type=="text"){
            inputs[i].addEventListener('input' ,function(e){
                if (this.getAttribute("regexInput")!=null) {
                    var input_type = this.getAttribute('regexInput').split(',');
                    var value = this.value;
                    if (!input_type && input_type.length <= 0) {  
                        return;  
                    }  
                    var values_of_type = [];  
                    var RegStr = '^[';  
                    for (var i = 0; i < input_type.length; i++) {  
                        if (input_type[i]) {  
                            if (input_type[i] == 'int') {  
                                RegStr += '\\d';  
                            } else if (input_type[i] == 'chinese') {  
                                RegStr += '\\u4e00-\\u9fa5';  
                            } else if (input_type[i] == 'number') { 
                                RegStr += '\\d+$|^\\d*\\.?\\d+$'; 
                            } else if (input_type[i] == 'english') {  
                                RegStr += 'a-zA-Z';  
                            } else if (input_type[i] == 'double') {  
                                RegStr = '^[\\+\\-]?\\d+\\.?\\d+';  
                                 this.value = value.match(new RegExp(RegStr, 'g'));
                                return;  
                            }  
                        }  
                    }  
                    RegStr += ']*';  
                    if (RegStr.length <= 3) {  
                        return;  
                    }  
                    var expression = new RegExp(RegStr, 'g');  
                    var return_value = value.match(expression);  
                    this.value = return_value;  
                    }
            }); 
        }
    } 
}