JavaScript表单验证技巧汇总

"js验证表单大全.doc" JavaScript（简称JS）是一种轻量级的脚本语言，常用于网页和网络应用中的客户端验证。在表单处理中，JS验证可以提高用户体验，减少不必要的服务器负载，通过在用户提交数据前检查输入的有效性。以下是一些常见的JS表单验证技术： 1. **长度限制**： - 在这个示例中，`test()`函数检查文本区域`b`的值长度，如果超过50个字符，它会弹出警告并阻止表单提交。`document.a.b.value.length`获取输入值的长度，`focus()`方法使焦点回到当前元素，`return false;`防止表单默认提交。 2. **只能输入汉字**： - 使用正则表达式`/[^\u4E00-\u9FA5]/g`匹配非汉字字符并替换为空，`onkeyup`事件触发时执行，确保用户输入的每个字符都是汉字。 3. **只能输入英文**： - `onlyEng()`函数检查按键码（`event.keyCode`），只有当它在大写字母A到Z的范围内时才允许输入。`event.returnValue=false;`阻止非法字符的输入。 4. **只能输入数字**： - `onlyNum()`函数同样检查按键码，确保在数字键0到9的范围内。同时考虑到小键盘上的数字键，增加了额外的判断。 5. **只能输入英文和数字**： - 这里使用了正则表达式`/[\W]/g`来匹配非字母和数字字符，并在`onkeyup`和`onbeforepaste`事件中进行替换，确保输入仅包含英文字母和数字。 6. **验证邮箱格式**： - 验证邮箱的函数`isEmail()`通常会检查输入是否符合邮箱地址的常规格式，例如包含一个`@`符号和一个`.`符号。在实际应用中，应编写更全面的正则表达式来匹配各种合法的邮箱格式。 这些例子展示了如何利用JavaScript进行基本的表单验证。在实际开发中，还可以扩展到更多验证规则，如检查电话号码、日期格式、URL等。同时，为了增强用户体验，应当提供友好的错误提示，并注意处理可能的安全问题，如XSS攻击。在进行表单验证时，最好也进行服务器端验证，以防止客户端验证被绕过。