JavaScript全集：表单验证正则实例解析

"JavaScript1全部表单验证案例包含各种常见的表单验证方法，如长度限制、汉字输入检查、英文字符检查、数字输入检查、英文字符和数字混合输入检查以及邮箱格式验证。此外，还有用于屏蔽特定关键字的功能。" 在网页开发中，表单验证是必不可少的一环，它确保用户提交的数据符合预设的规则，从而防止无效数据的提交和提高用户体验。JavaScript作为客户端脚本语言，可以实时地对用户输入进行验证，减少服务器端的压力。以下是对给定文件中各个表单验证案例的详细解释： 1. 长度限制：这段代码通过JavaScript函数`test()`检查textarea内的字符数，如果超过50个字符，会弹出警告并阻止表单提交。 ```html <form name="a" onsubmit="return test()"> <textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea> <input type="submit" name="Submit" value="check"> </form> ``` 2. 只能输入汉字：这个输入框通过`onkeyup`事件，使用正则表达式`/[^\u4E00-\u9FA5]/g`来过滤非汉字字符，确保输入的内容只包含汉字。 ```html <input onkeyup="value = value.replace(/[^\\u4E00-\\u9FA5]/g, '')"> ``` 3. 只能输入英文：`onlyEng()`函数在`onkeydown`事件中执行，判断按键值是否在ASCII码的65到90之间（大写字母）或48到57之间（数字0-9），以及96到105（小键盘数字）范围内，如果不是，则阻止输入。 ```html <input onkeydown="onlyEng();"> ``` 4. 只能输入数字：`onlyNum()`函数同样在`onkeydown`事件中执行，检查按键值是否为数字键盘或主键盘上的数字，如果不是，则阻止输入。 ```html <input onkeydown="onlyNum();"> ``` 5. 只能输入英文字符和数字：此输入框在`onkeyup`和`onbeforepaste`事件中进行处理，使用正则表达式`/[\W]/g`来匹配非字母数字字符，并替换为空。 ```html <input onkeyup="value = value.replace(/[\W]/g, '')" onbeforepaste="event.preventDefault(); document.execCommand('insertHTML', false, ('text', ('text').replace(/[^\\d]/g, '')))"> ``` 6. 邮箱格式验证：`isEmail()`函数使用正则表达式匹配邮箱地址的常见格式，当输入的邮箱地址不符合规则时，会弹出警告。 ```html <SCRIPT LANGUAGE="javascript" RUNAT="Server"> function isEmail(strEmail) { if ((/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/).test(strEmail) != -1) return true; else alert("邮箱格式不正确"); } </SCRIPT> <input type="text" onblur="isEmail()"> ``` 7. 屏蔽关键字：未给出完整的代码，但这个功能通常会涉及关键词检测，当用户输入包含特定关键字（如"*"和""）时，会进行提示或自动替换。 JavaScript表单验证是前端开发中的基础技能，通过这些示例，开发者可以学习如何根据需求定制自己的验证规则，提高表单数据的准确性和安全性。同时，需要注意的是，虽然客户端验证可以提供即时反馈，但为了防止恶意绕过，服务器端验证同样必不可少。