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

0 下载量 194 浏览量 更新于2024-08-30 收藏 75KB PDF 举报
"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中常见的字符串验证和表单验证函数的实例。通过这些函数,开发者可以轻松地实现对用户输入的实时验证,从而提高应用的用户体验和数据准确性。在实际开发中,还可以根据需求扩展这些验证函数,例如添加电子邮件验证、电话号码验证等更多功能。