JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】

我们来详细讲解一下JS表单验证方法实例小结。

验证电话号码

function validatePhone(phone) {
  // 正则表达式验证手机号码，只允许输入数字，以 1 开头，总长度为 11 位
  var reg = /^1\d{10}$/;
  return reg.test(phone);
}

以上代码是一个验证电话号码的函数模板，其中使用了正则表达式来验证手机号码。$^$表示字符串开头，$1$表示数字 $1$，$\d$表示数字，$\d{10}$表示有十个数字，$/$是正则表达式的分隔符，它的作用是将正则表达式和参数分开。接着使用$test()$方法测试传入的手机号码是否符合上述正则表达式：

console.log(validatePhone('13123456789')); // true
console.log(validatePhone('12345678901')); // false
console.log(validatePhone('134567890')); // false

输出结果分别为 true、false、false，说明本函数的正则表达式和测试方法正确。

验证身份证号码

function validateIDCard(idCard) {
  // 通过身份证号码正则表达式验证，只允许输入 15 位或 18 位数字
  var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
  return reg.test(idCard);
}

以上代码是一个验证身份证号码的函数模板，其中使用了正则表达式来验证身份证号码。在上面的正则表达式中最后一部分 $(\d|X|x)$ 表示最后一位可以是数字或字母 x（大小写均可）。接着使用$test()$方法测试传入的身份证号码是否符合上述正则表达式：

console.log(validateIDCard('411123199912121111')); // true
console.log(validateIDCard('411123199912121111a')); // false
console.log(validateIDCard('41112319991212')); // false

输出结果分别为 true、false、false，说明本函数的正则表达式和测试方法正确。

验证邮箱地址

function validateEmail(email) {
  // 正则表达式验证电子邮件地址
  var reg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
  return reg.test(email);
}

以上代码是一个验证电子邮件地址的函数模板，其中使用了正则表达式来验证电子邮件地址。这是一个比较常见的正则表达式，它可以在一定程度上保证电子邮件地址的合法性。接着使用$test()$方法测试传入的电子邮件地址是否符合上述正则表达式：

console.log(validateEmail('[e-mail]')); // true
console.log(validateEmail('example@mail..com')); // false
console.log(validateEmail('examplemail.com')); // false

输出结果分别为 true、false、false，说明本函数的正则表达式和测试方法正确。

以上是通过正则表达式来验证电话号码、身份证号码和电子邮件地址的例子，这些正则表达式可以在实际开发中更加方便地实现表单验证，提高开发效率和代码可重用性。