本文主要讲述页面日常开发过程中需要校验输入参数时，采用正则校验的方式的使用方法，一共有两种形式，其中本文用到的正则公式主要是匹配字母、数字、中横线如下

Jquery正则方式一

第一种实现页面正则的方法，直接写入正则表达式，js代码如下

function check() {var userName = $("#userName").val();var regExp = /^[A-Za-z0-9-]+$/;if (regExp.test(userName)) {$.modal.alertSuccess("正则校验通过")}else {$.modal.alertError("正则校验不通过")}}

页面校验结果，当输入不符合正则的中文时

当输入符合正则的内容时

Jquery正则方式二

另外一种页面正则的实现方法，需要用到new RegExp();初始化以string类型传入的正则表达式

function check() {var userName = $("#userName").val();var reg = '^[A-Za-z0-9-]+$';var regExp = new RegExp(reg);if (regExp.test(userName)) {$.modal.alertSuccess("正则校验通过")}else {$.modal.alertError("正则校验不通过")}}

正则校验结果如下

这两种页面正则校验的方式，需要用的时候可以根据具体的情况来使用，对于正则表达式确定了且不会变动的可以采用第一种方式，直接在页面写死正则表达式；对于正则表达式可能会有改动的，可以通过数据库配置的方式配置正则表达式，然后在页面加载时返回到页面上去进行正则校验，两种方式都可以达到正则校验的目的。