JavaScript前端验证代码集锦

"该资源提供了一系列常用的JavaScript脚本验证函数，包括检查空值、字符串长度、数字格式以及字母和数字组合的验证。这些源代码可以帮助开发者更方便地进行前端数据验证，避免用户输入不符合规则的数据。" 在网页开发中，前端验证是确保用户输入数据正确性的重要步骤，可以减少服务器端的负担并提升用户体验。以下是一些常见的JavaScript验证函数的详细说明： 1. 检查空值：`check_blank` 函数用于验证输入字段是否为空。如果对象`obj`的值不为空，函数返回`true`，否则弹出提示信息，告知用户该字段不能为空，并清空输入值，返回`false`。 ```javascript function check_blank(obj, obj_name) { if (obj.value != '') { return true; } else { alert(obj_name + "不能为空"); obj.value = ""; return false; } } ``` 2. 检查字符串长度：`check_str_len` 函数用于限制输入字符串的长度。它会移除字符串两端的空白字符，并将非ASCII字符视为两个字符长度。如果处理后的字符串长度超过`maxLength`，则弹出警告，清空输入值，并使输入框获取焦点。 ```javascript function check_str_len(name, obj, maxLength) { obj.value = obj.value.replace(/(^\s*)|(\s*$)/g, ""); var newvalue = obj.value.replace(/[^\x00-\xff]/g, ""); var length11 = newvalue.length; if (length11 > maxLength) { alert(name + "的长度不能超过" + maxLength + "个字符"); obj.value = ""; obj.focus(); } } ``` 3. 检查数字：`checkNumber` 函数用于验证输入是否为纯数字。如果对象`obj`的值非空且不匹配数字正则表达式`^[0-9]+$`，则弹出提示，清空输入值，并使输入框获取焦点。 ```javascript function checkNumber(obj) { var reg = /^[0-9]+$/; if (obj.value != "" && !reg.test(obj.value)) { alert('只能输入数字'); obj.value = ""; obj.focus(); return false; } } ``` 4. 检查数字范围：`check_num_value` 函数验证输入值是否在指定的最小值`minvalue`和最大值`maxvalue`之间。首先检查输入是否为数字，然后判断数值是否超出范围。若不符合条件，同样会弹出警告，清空输入值并使输入框获取焦点。 ```javascript function check_num_value(obj_name, obj, minvalue, maxvalue) { var reg = /^[0-9]+$/; if (obj.value != "" && !reg.test(obj.value)) { alert(obj_name + '只能输入数字'); obj.value = ""; obj.focus(); return false; } else if (minvalue > obj.value || obj.value > maxvalue) { alert(obj_name + "的数值范围应在" + minvalue + "-" + maxvalue + "之间"); obj.value = ""; obj.focus(); return false; } } ``` 5. 检查字母或数字：`checkZmOrNum` 函数用于验证输入是否只包含字母和数字。如果输入值非空且不匹配字母和数字正则表达式`^[0-9a-zA-Z]*$`，则弹出警告，清空输入值。 ```javascript function checkZmOrNum(zmnum) { var zmnumReg = /^[0-9a-zA-Z]*$/; if (zmnum.value != "" && !zmnumReg.test(zmnum.value)) { alert("只能输入字母和数字"); zmnum.value = ""; } } ``` 以上这些JavaScript验证函数可以在表单提交前对用户的输入进行实时检查，确保数据符合预期的格式和范围。开发者可以根据实际需求，将这些函数应用到自己的项目中，以增强表单验证功能。