JavaScript表单验证全集：从字符串到邮箱全方位技巧

本文档详细介绍了JavaScript在表单验证中的广泛应用，涵盖了多种常见的验证场景。以下是一些关键知识点： 1. **字符串长度限制**： 提供了一个简单的函数示例，通过检测`<input>`元素的`value`属性长度是否超过50个字符，如果超过，则弹出警告并聚焦于该输入框，阻止表单提交。这个函数可以用于限制用户输入的字符数量，防止过长的信息。 ```javascript function test() { if (document.getElementById('a').getElementsByTagName('input')[1].value.length > 50) { alert("不能超过50个字符！"); document.getElementById('a').getElementsByTagName('input')[1].focus(); return false; } } ``` 2. **字符类型判断**： - **汉字识别**：使用正则表达式替换非汉字字符，确保输入的是汉字。 - **英文字符限制**：通过`event.keyCode`检查输入的ASCII码范围，只允许字母（65-90）。 3. **数字输入限制**： 定义函数来验证输入是否只包含数字，通过ASCII码判断每个键击事件是否为数字字符。 4. **邮箱验证**： 利用JavaScript实现基本的邮箱格式验证，例如检查@符号和域名的存在。 5. **字符过滤**： 屏蔽特定的关键字，确保输入内容符合规定。 6. **密码验证**： 包括判断是否为空、内容一致、特定字符限制等，确保密码复杂性和安全性。 7. **表单校验规则**： - 验证表单字段是否为空或非对象； - 检查输入值是否符合特定的格式，如数值、长度限制； - 确保输入内容是中文、英文、数字或邮件地址； - 限制输入特定字符； - 自定义表单控件的验证逻辑。 8. **通用校验函数**： 提供了form文本域的通用验证函数，可以根据具体需求进行定制。 通过这些示例和功能，开发者可以灵活地应用JavaScript来增强网页表单的用户体验，确保用户输入的数据有效性和规范性。这对于构建安全、易用的Web应用至关重要。