JavaScript表单验证全攻略：字符限制与功能示例

本文档详细介绍了JavaScript在网页表单验证中的各种功能和技巧，旨在帮助开发者构建更加严谨的用户输入控制。主要内容包括： 1. 字符串长度限制与判断：通过`document.a.b.value.length`检查输入框内容的长度，如超过50个字符，会弹出警告并聚焦到输入框，防止过长输入。`textarea`同样适用此方法。 2. 汉字与非汉字判断：利用正则表达式替换非汉字字符，例如`value.replace(/[^\u4E00-\u9FA5]/g,'')`确保输入的是中文字符。 3. 英文字符与数字限制：通过`event.keyCode`检查键盘输入的ASCII码，如限制输入英文和数字，分别用`event.keyCode>=65 && event.keyCode<=90`和`event.keyCode>=48 && event.keyCode<=57`以及`event.keyCode>=96 && event.keyCode<=105`来实现。 4. 邮箱验证：通过正则表达式验证邮箱格式，确保输入符合电子邮件的标准格式。 5. 字符过滤：屏蔽特定关键字，防止敏感词汇出现。 6. 密码验证：检查密码规则，如是否为空、特定字符的限制等。 7. 表单字段验证逻辑： - 判断表单项是否为空：使用`value === ''`检查输入字段是否为空。 - 比较不同表单项的值：通过条件语句检查值是否相等。 - 字符限制：只允许输入数字和下划线。 - 数值或长度限定：设置特定的输入范围或字符数限制。 - 合理性判断：如中文、英文、数字和邮件地址的合法性。 8. 表单事件处理：如`onkeyup`和`onkeydown`用于实时监听输入并进行验证。 9. 自定义验证函数：如`test()`, `onlyEng()` 和 `onlyNum()` 为具体的验证函数，根据用户输入的行为进行实时验证。 10. 元素级验证：针对特定输入元素（如输入框、textarea）编写自定义验证脚本，如`<input onkeyup="...">`中的JavaScript代码。 这些技巧涵盖了表单验证的各种常见场景，有助于提升用户体验，减少无效数据提交，是前端开发人员必备的技能之一。通过结合以上内容，开发者可以创建出功能强大且易用的表单验证系统。