输入框内容设置自动校验，只允许数字的输入,输入字符的话给删除

最新推荐文章于 2022-10-31 09:40:05 发布

weixin_34206899

最新推荐文章于 2022-10-31 09:40:05 发布

阅读量460

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/zjllovecode/blog/1931370

版权

2019独角兽企业重金招聘Python工程师标准>>>

目的：对input输入框的内容进行校验

js的方法： keyup 对键盘的进行监控的事件

正则表达式：/[^\d]/g

原理：就是在输入框添加一个触发事件，对输入框的内容进行判断

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
	<title></title>
	<script src="jquery.min.js"></script>
</head>
<body>
     <div id="effect">
     <tr>
        <td>
              输入：<input name="test" value="asdf" ></input>
        </td>
     </tr>
     	
     </div>
     
     <script type="text/javascript">
     	$("#effect input[name='test']").keyup(function(){
     		 var c=$(this);  
             if(/[^\d]/.test(c.val())){//替换非数字字符  
              var temp_amount=c.val().replace(/[^\d]/g,'');  
              $(this).val(temp_amount);  
             }  
     	})
     </script>
</body>
</html>

二、方法二

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
	<title></title>
	<script src="jquery.min.js"></script>
</head>
<body>
     <div id="effect">
     <tr>
        <td>
        	输入：<input name="test" value="asdf" onkeyup="value=value.replace(/[^\d]/g,'')"></input>
        </td>
     </tr>
     	
     </div>
</body>
</html>

转载于:https://my.oschina.net/zjllovecode/blog/1931370