Jquery 正则匹配字母、数字、-

Jquery 正则匹配字母、数字、-

• Jquery正则方式一
• Jquery正则方式二

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("正则校验不通过")

  }

}

正则校验结果如下

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