淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery可以方便地实现数字及小数点的验证。下面是一个简单的示例:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#submit").click(function(){
var num = $("#num").val();
var numRegex = /^\d+(\.\d{1,2})?$/;
if(num.match(numRegex)){
alert("输入合法!");
} else {
alert("请输入数字且小数位数不超过两位!");
}
});
});
</script>
</head>
<body>
<label>请输入数字:</label>
<input type="text" id="num">
<br><br>
<button id="submit">提交</button>
</body>
</html>

上面的代码中,首先使用jQuery的$(document).ready()方法来确保页面加载完成后再执行代码。然后给提交按钮添加了一个点击事件,获取输入框中输入的值,并使用正则表达式来验证。正则表达式中,^\d+表示必须以数字开头,\.\d{1,2}表示小数点后有1~2位数字,?表示小数点及后面的数字可选,$表示以数字或小数点结尾。

如果输入合法,则弹出"输入合法!"的提示框,否则弹出"请输入数字且小数位数不超过两位!"的提示框。