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位数字,?表示小数点及后面的数字可选,$表示以数字或小数点结尾。
如果输入合法,则弹出"输入合法!"的提示框,否则弹出"请输入数字且小数位数不超过两位!"的提示框。