本文主要讲述页面日常开发过程中需要校验输入参数时，采用正则校验的方式的使用方法，一共有两种形式，其中本文用到的正则公式主要是匹配字母、数字、中横线如下
Jquery正则方式一
第一种实现页面正则的方法，直接写入正则表达式，js代码如下
functioncheck() { varuserName=$("#userName").val(); varregExp=/^[A-Za-z0-9-]+$/; if (regExp.test(userName)) { $.modal.alertSuccess("正则校验通过") }else { $.modal.alertError("正则校验不通过") } }
页面校验结果，当输入不符合正则的中文时
当输入符合正则的内容时
Jquery正则方式二
另外一种页面正则的实现方法，需要用到new RegExp();初始化以string类型传入的正则表达式
functioncheck() { varuserName=$("#userName").val(); varreg='^[A-Za-z0-9-]+$'; varregExp=newRegExp(reg); if (regExp.test(userName)) { $.modal.alertSuccess("正则校验通过") }else { $.modal.alertError("正则校验不通过") } }
正则校验结果如下
这两种页面正则校验的方式，需要用的时候可以根据具体的情况来使用，对于正则表达式确定了且不会变动的可以采用第一种方式，直接在页面写死正则表达式；对于正则表达式可能会有改动的，可以通过数据库配置的方式配置正则表达式，然后在页面加载时返回到页面上去进行正则校验，两种方式都可以达到正则校验的目的。
