JavaScript验证函数实例大全：字符串、表单与特效

"JavaScript 常用验证函数实例汇总" 在JavaScript中，验证函数是非常重要的，它们用于确保用户输入的数据符合预期的格式和要求。在Web开发中，尤其是在处理表单数据时，验证函数能够提高用户体验，防止错误的输入进入系统。本篇内容将详细介绍一些JavaScript中的常用验证函数，包括字符串验证、表单验证等，并提供相应的实例。 1. 字符串长度限制 在某些场景下，我们可能需要限制用户输入的字符串长度。以下是一个简单的例子，限制文本区域的字符数不超过50个： ```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. 只能输入汉字 对于需要用户输入汉字的字段，我们可以使用正则表达式进行验证，如下所示： ```html <input onkeyup="this.value = this.value.replace(/[^/u4E00-/u9FA5]/g, '')"> ``` 3. 只能输入英文 如果需要限制用户输入英文字母，可以使用如下方法： ```html <script language="javascript"> function onlyEng() { if (!(event.keyCode >= 65 && event.keyCode <= 90)) // 大写字母 event.returnValue = false; } </script> <input onkeydown="onlyEng();"> ``` 4. 只能输入数字 当需要用户输入数字时，可以使用以下代码来过滤非数字字符： ```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. 只能输入英文字符和数字 结合上面的例子，我们可以创建一个验证函数，允许用户输入英文字母和数字： ```html <input onkeyup="this.value = this.value.replace(/[^a-zA-Z0-9]/g, '')"> ``` 以上就是JavaScript中常见的字符串验证和表单验证函数的实例。通过这些函数，开发者可以轻松地实现对用户输入的实时验证，从而提高应用的用户体验和数据准确性。在实际开发中，还可以根据需求扩展这些验证函数，例如添加电子邮件验证、电话号码验证等更多功能。