JavaScript表单验证函数合集

"这份JavaScript笔记主要介绍了如何使用正则表达式进行表单验证，包括电话号码、电子邮件、中文大写字母和中文字符的验证。此外，还提到了一种利用正则表达式比较两个字符串不同字符的方法。" 在Web开发中，JavaScript是一种常用的客户端脚本语言，用于增强用户界面和交互。在处理用户输入时，表单验证是必不可少的一环，以确保数据的有效性和安全性。以下是对笔记中各个验证函数的详细解释： 1. **电话号码验证**： 函数`isTel(str)`用于检查输入的字符串是否符合电话号码格式。它使用正则表达式`/^([0-9]|[-])+$/g`，该正则匹配由数字和破折号组成的字符串。如果字符串长度小于7或大于18，函数返回`false`，否则通过正则执行`exec(str)`来进一步验证。 2. **电子邮件验证**： `isEmail(str)`函数用于验证输入的字符串是否符合电子邮件地址格式。正则表达式`/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/`涵盖了常见的邮箱地址结构。`test(str)`方法会返回`true`或`false`，表示输入是否符合邮箱格式。 3. **中文大写字母验证**： `isValidTrueName(strName)`函数用于判断输入是否只包含中文或大写字母。首先移除字符串两端的空格，然后使用正则表达式`/^[A-Zu4E00-u9FA5]+$/`检查。如果字符串只包含大写字母或全中文，函数返回`false`，否则返回`true`。 4. **中文字符验证**： `isChn(str)`函数用于验证输入的字符串是否只包含中文字符。正则表达式`/^[u4E00-u9FA5]+$/`专门匹配Unicode编码范围内的中文字符。如果输入的字符串不全由中文字符组成，函数返回`false`，否则返回`true`。 5. **正则比较字符串**： 最后提到的正则表达式方法用于比较两个字符串的不同字符。正则`"(?=.*?)[^"+str1+"](?=.*?)|(?=.*?)[^"+str2+"](?=.*?)"`设计用于找出两个字符串中的差异。`exec(str1+str2)`循环执行，每次找到不同的字符，就会将结果添加到数组`arr`中。 这些JavaScript验证函数对于构建动态的、健壮的前端表单验证机制非常有用，它们能够有效地防止无效数据提交，提高用户体验，并减轻服务器端的验证负担。在实际应用中，可以根据具体需求调整正则表达式，以适应各种不同的验证场景。