您的位置：首页 > Web前端 > JQuery

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

2017-03-21 15:57 549 查看

目的：对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" onkeyup="value=value.replace(/[^\d]/g,'')"></input>
</td>
</tr>

</div>
</body>
</html>

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航