使用jquery对输入框内容设置自动校验，只允许数字的输入

最新推荐文章于 2024-03-06 10:06:22 发布

伏特加的滋味

最新推荐文章于 2024-03-06 10:06:22 发布

阅读量3.6w

点赞数 8

分类专栏： javaScript/jquery

本文链接：https://blog.csdn.net/yuanyuan214365/article/details/64442953

版权

javaScript/jquery 专栏收录该内容

33 篇文章 1 订阅

订阅专栏

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

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

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

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

过程遇到问题：js和jquery获取值的方法，value是js获取值的方法，val（）是jquery获取值的方法。

程序一：

<!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

程序二：直接在input属性框中添加keyup事件，

<!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" οnkeyup="value=value.replace(/[^\d]/g,'')"></input>
        </td>
     </tr>
     	
     </div>
</body>
</html>

如果您要是觉得这对您有用，那就支持一下小编

伏特加的滋味

关注

8
点赞
踩
13

收藏

觉得还不错? 一键收藏
打赏
3
评论
使用jquery对输入框内容设置自动校验，只允许数字的输入

目的：对input输入框的内容进行校验js的方法： keyup 对键盘的进行监控的事件正则表达式：/[^\d]/g原理：就是在输入框添加一个触发事件，对输入框的内容进行判断过程遇到问题：js和jquery获取值的方法，value是js获取值的方法，val（）是jquery获取值的方法。程序一：
复制链接

扫一扫