需求说明:
前端页面使用正则表达式验证文本输入框输入的数据为固定电话。
代码说明:
这里只介绍正则表达式部分,其他部分的代码不做介绍。如有其它需要可自行修改。
步骤一:建立一个页面可以是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="0451-828039832"; if(phone(value)){ console.log("参数:符合验证要求"); }else{ console.log("参数: 不符合验证要求"); } }) //固定电话 function phone(value) { var reg = /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/; var re = new RegExp(reg); if (re.test(value)) { return true; } else { return false; } } </script> </html>