js表单验证控制代码大全

JavaScript（简称JS）是一种轻量级的解释型编程语言，常用于网页和网络应用中的客户端脚本语言。在网页开发中，JS被广泛用于表单验证，以确保用户输入的数据符合预期格式，从而提高用户体验并减少服务器端的处理负担。以下是一些常见的JS表单验证控制代码示例： 1. **字符串长度限制**： ```javascript function test() { if (document.a.b.value.length > 50) { alert("不能超过 50 个字符！"); document.a.b.focus(); return false; } } ``` 这段代码会在表单提交时检查`textarea`元素的字符长度，如果超过50个字符，则会显示警告并阻止表单提交。 2. **判断汉字**： ```html <input onkeyup="value=value.replace(/[^\u4e00-\u9fa5]/g,'')"> ``` 这个输入框只允许用户输入汉字，通过正则表达式`/[^\u4e00-\u9fa5]/g`筛选非汉字字符。 3. **只能输入英文**： ```javascript function onlyEng() { if (!(event.keyCode >= 65 && event.keyCode <= 90)) // 大写字母 event.returnValue = false; } ``` 这个事件监听器在用户按下键盘键时触发，仅允许大写字母输入。 4. **只能输入数字**： ```javascript function onlyNum() { if (!((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105))) // 考虑小键盘上的数字键 event.returnValue = false; } ``` 此函数用于限制输入为数字，包括主键盘和小键盘的数字。 5. **英文字符和数字**： ```html <input onkeyup="value=value.replace(/[^/w]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"> ``` 这个输入框允许用户输入英文字符和数字，通过正则表达式`/[^/w]/g`过滤非字母数字字符，并在粘贴时同样进行过滤。 6. **邮箱格式验证**： ```javascript 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("邮箱格式错误"); } ``` 这个函数用于验证输入的邮箱地址是否符合标准的邮箱格式。 7. **屏蔽特定关键词**： ```javascript function test() { if ((a.b.value.indexOf ("***") == 0) || (a.b.value.indexOf ("****") == 0)) { alert(":)"); a.b.focus(); return false; } } ``` 这段代码用于检查输入字段是否以特定的关键词（如“***”或“****”）开头，如果匹配，将提示用户并阻止表单提交。 以上代码提供了基本的JS表单验证功能，但实际应用中可能需要根据具体需求进行扩展，例如添加更复杂的正则表达式来验证电话号码、身份证号等。同时，为了提供更好的用户体验，可以使用AJAX异步验证，以及在验证失败时提供明确的错误提示。在处理表单数据时，还应考虑到跨站脚本攻击（XSS）和其他安全问题，确保数据的安全性。