js表单验证:常用正则表达式实例与规则

需积分: 10 6 下载量 177 浏览量 更新于2024-09-14 收藏 20KB DOCX 举报
在JavaScript开发中,正则表达式是进行表单验证的强大工具,能够确保用户输入的数据符合特定的格式。以下是一些常见的JS正则表达式及其用途,用于不同类型的数据验证: 1. **基本验证方法**: - 方法一使用`test()`函数:通过定义一个正则表达式变量`re`,如`var re = /正则表达式/`,然后检查用户输入值与之匹配,如`re.test($("#txtid").val())`。如果输入匹配,则验证通过。 2. **验证数字**: - 验证无限制数字:`/^[0-9]*/` - 验证n位数字:`/^\d{n}$/` - 验证至少n位数字:`/^\d{n,}$/` - 验证m-n位数字:`/^\d{m,n}$/` - 验证以0或非0开头的数字:`/(0|[1-9][0-9]*)/` - 验证有两位小数的正实数:`/^[0-9]+(.[0-9]{2})?/$` - 验证1-3位小数的正实数:`/^[0-9]+(.[0-9]{1,3})?/$` - 验证非零正整数和负整数:`/^\+?[1-9][0-9]*$/` 和 `/^\-[1-9][0-9]*$/` 3. **字符串验证**: - 长度为3的字符:`/^.{3}$/` - 英文字符(大小写):`/^[A-Za-z]+$/`,`/^[A-Z]+$/`,`/^[a-z]+$/` - 数字和英文字符:`/^[A-Za-z0-9]+$/` - 数字、英文字符和下划线:`/^\w+$/` - 用户密码:`/^[a-zA-Z]\w{5,17}$/`,满足特定格式要求 4. **特殊字符验证**: - 含有特定字符:`/[^%&',;=?$\x22]+/` - 验证汉字:`/[\u4e00-\u9fa5]+/` 5. **电子邮件验证**: - `/^\w+[-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/` 6. **互联网URL验证**: - `^http(s)://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$` - 或者更广泛的形式:`^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$` 7. **电话号码验证**: - `/^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$/` 8. **身份证号码验证**: - 15位数字:`/^\d{15}$/` - 18位数字:`/^\d{18}$/` 9. **月份验证**: - 验证一年中的12个月份:`/^"1[0-2]|0[1-9]"$/`,匹配1到12的数字,注意引号表示该正则仅用于字符串比较,实际应用可能需要其他方式。 这些正则表达式提供了丰富的验证规则,可以帮助开发者确保用户输入的数据格式正确无误。在实际项目中,结合HTML表单元素的`pattern`属性和JavaScript的`validate()`方法,可以实现更加完善的前端数据校验。