需求说明:
这里使用正则表达式验证,页面文本输入框中输入的内容。
- 如果输入内容是整数,要求输入内容为十二位的数字。
- 如果输入内容是小数,要求输入内容为小数点前十二位整数、小数点后为两位小数。
代码说明:
这里只介绍正则表达式部分内容,其他部分的代码不做介绍。如果有需要可自行添加内容。
代码部分:
步骤一:建立一个页面可以是html、jsp,引入jquery-3.2.1.min.js(其他版本亦可)。
步骤二:编写正则表达式,验证输入内容是否满足要求。
代码如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-3.2.1.min.js" ></script> </head> <body> </body> <script> //这里默认页面加载时验证输入数据 $(function () { var value="123456789012.122"; if(num12xiaos2(value)){ console.log("参数:符合验证要求"); }else{ console.log("参数: 不符合验证要求"); } }) //验证整数12位,小数2位 function num12xiaos2(value){ var n = /^([-+]?d{12})(.d{2})?$/; var re = new RegExp(n); if (re.test(value)) { return true; } else { return false; } } </script> </html>
总结:上面代码在测试的时候是在浏览器控制台输出的测试结果。验证后的其他操作根据自己的需要进行添加即可。