表单JS验证代码全集：字符限制、英文输入、中文输入、数字、邮箱等

本资源汇总了多种JavaScript表单验证代码片段，旨在确保用户在提交表单时输入的数据符合特定的格式要求。以下是一些关键的验证技术： 1. **长度限制验证**： 使用JavaScript函数`test()`，该函数检查文本区域`b`的输入长度是否超过50个字符。如果超过，会弹出警告并聚焦于该字段，阻止表单提交。这有助于防止过长的文本输入。 2. **中文字符过滤**： 输入框上设置`onkeyup`事件，使用正则表达式`/[^\u4E00-\u9FA5]/g`，当用户输入非中文字符时，自动替换为空，确保输入的是汉字。 3. **英文字符限制**： 使用`onlyEng()`函数，仅允许用户输入英文字符（ASCII字母A-Z和a-z），通过检查键盘事件的keyCode来实现。当输入非英文字符时，取消输入事件的默认行为。 4. **数字输入限制**： `onlyNum()`函数确保输入的是数字，既包括常规数字键（48-57）也包括小数点（96-105）。非数字字符将被禁止输入。 5. **电子邮件验证**： `isEmail()`函数采用正则表达式来检查输入的文本是否符合电子邮件格式。如果输入不符合标准格式（如包含@、.等），则显示警告消息。 6. **客户端与服务器端验证结合**： 有一个`onblur`事件的输入框，调用`isEmail()`函数进行客户端验证，如果在用户离开字段前输入的不是有效的电子邮件地址，服务器端也会接收到此错误信息。 7. **密码强度提示**： 虽然没有给出具体代码，但提到了“密码强度提示”，可能是通过JavaScript实现一个函数，对用户的输入进行复杂度检查，例如包含大小写字母、数字和特殊字符，并根据强度给出相应的提示或反馈。 这些代码片段可用于创建定制的表单验证机制，提高用户体验和数据准确性，是前端开发人员构建交互式表单时的实用工具。组合使用这些技巧，可以创建一个全面的表单验证系统，确保用户输入的数据质量。