js验证大全资源-CSDN文库

需积分: 9 164 浏览量 2014-01-10 11:56:19 上传评论 1 收藏 31KB DOCX 举报

JS 验证大全 JS 验证大全是指在 web 开发中使用 JavaScript 实现的各种验证机制，以确保用户输入的数据符合预期的格式和要求。以下是 JS 验证大全的详细介绍： 1. 长度限制在这个示例中，我们使用 JavaScript 实现了一个 textarea 的长度限制。当用户输入的字符超过 50 个时，系统将弹出警告信息，并将焦点返回到 textarea 中。 ```html <script> function test() { if (document.a.b.value.length > 50) { alert("不能超过 50 个字符！"); document.a.b.focus(); return false; } } </script> <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. 只能是汉字在这个示例中，我们使用 JavaScript 实现了一个只能输入汉字的文本框。当用户输入非汉字字符时，系统将自动将其删除。 ```html <input onkeyup="value=/oblog/value.replace(/[^\u4E00-\u9FA5]/g,'')"> ``` 3. 只能是英文在这个示例中，我们使用 JavaScript 实现了一个只能输入英文字符的文本框。当用户输入非英文字符时，系统将自动将其删除。 ```html <script language="javascript"> function onlyEng() { if (!(event.keyCode >= 65 && event.keyCode <= 90)) event.returnValue = false; } </script> <input onkeydown="onlyEng();"> ``` 4. 只能是数字在这个示例中，我们使用 JavaScript 实现了一个只能输入数字的文本框。当用户输入非数字字符时，系统将自动将其删除。 ```html <script language="javascript"> function onlyNum() { if (!((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105))) event.returnValue = false; } </script> <input onkeydown="onlyNum();"> ``` 5. 只能是英文字符和数字在这个示例中，我们使用 JavaScript 实现了一个只能输入英文字符和数字的文本框。当用户输入非英文字符和数字时，系统将自动将其删除。 ```html <input onkeyup="value=/oblog/value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"> ``` 6. 验证邮箱格式在这个示例中，我们使用 JavaScript 实现了一个邮箱格式验证机制。当用户输入的邮箱格式不正确时，系统将弹出警告信息。 ```html <script language="javascript" runat="server"> function isEmail(strEmail) { if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1) return true; else alert("oh"); } </script> <input type="text" onblur="isEmail(this.value)"> ``` 7. 屏蔽关键字在这个示例中，我们使用 JavaScript 实现了一个屏蔽关键字的机制。当用户输入的内容包含指定的关键字时，系统将弹出警告信息。 ```html <script language="javascript1.2"> function test() { if ((a.b.value.indexOf ("*") == 0) || (a.b.value.indexOf ("") == 0)) { alert(":)"); a.b.focus(); return false; } } </script> <form name="a" onsubmit="return test()"> <input type="text" name="b"> <input type="submit" name="Submit" value="check"> </form> ``` 8. 两次输入密码是否相同在这个示例中，我们使用 JavaScript 实现了一个密码验证机制。当用户两次输入的密码不相同时，系统将弹出警告信息。 ```html <form method="post" action=""> <input type="password" id="input1"> <input type="password" id="input2"> <input type="button" value="test" onclick="check()"> </form> <script> function check() { with (document.all) { if (input1.value != input2.value) { alert("false"); input1.value = ""; input2.value = ""; } else document.forms[0].submit(); } } </script> ``` 屏蔽右键在这个示例中，我们使用 JavaScript 实现了一个屏蔽右键的机制。当用户点击右键时，系统将阻止右键菜单的弹出。 ```html <body oncontextmenu="return false" ondragstart="return false" onselectstart="return false"> ```

资源推荐

资源详情

资源评论