JavaScript 表单数据验证函数集合

"JavaScript表单数据验证函数集锦" 在Web开发中，JavaScript常常用于前端的数据验证，以确保用户输入的信息符合预期的格式。这里提供了一些JavaScript常用的验证函数，主要针对数字和字符类型的验证。 首先，我们来看数字的验证： 1. **检查是否全部为数字** 函数`checkNum(str)`用于验证输入的字符串`str`是否只包含数字。它通过使用正则表达式`\D`来匹配非数字字符，如果匹配结果为空，则说明字符串全由数字组成，返回`true`；反之，如果有非数字字符，返回`false`。 ```javascript function checkNum(str) { return str.match(/\D/) == null; } ``` 2. **检查是否为小数** 函数`checkDecimal(str)`用来判断输入的字符串`str`是否为小数。使用正则表达式`^-?\d+(\.\d+)?$`匹配可能带有负号、小数点和小数部分的数字，如果匹配成功，表示字符串是小数，返回`true`；否则，返回`false`。 ```javascript function checkDecimal(str) { if (str.match(/^-?\d+(\.\d+)?$/g) == null) { return false; } else { return true; } } ``` 3. **检查是否为整数** 函数`checkInteger(str)`用于验证字符串`str`是否为整数。正则表达式`/^[-+]?\d*$/`匹配可能带有负号的整数，如果匹配成功，返回`true`，表示字符串是整数；否则，返回`false`。 ```javascript function checkInteger(str) { if (str.match(/^[-+]?\d*$/) == null) { return false; } else { return true; } } ``` 接下来，我们转向字符的验证： 这部分内容没有在提供的摘要中完全展示，但通常会包括检查字符串长度、是否包含特定字符、邮箱格式验证、电话号码验证等常见的字符验证功能。例如： 4. **检查字符串长度** 可以编写一个函数`checkLength(str, min, max)`，验证字符串`str`的长度是否在`min`和`max`之间（包含边界值）。 5. **检查是否包含特定字符** `containsChar(str, char)`函数可以检查字符串`str`是否包含指定字符`char`。 6. **邮箱格式验证** `validateEmail(email)`函数利用正则表达式验证邮箱地址格式是否正确。 7. **电话号码验证** `validatePhone(phone)`函数可能用正则表达式验证电话号码格式。 这些验证函数可以帮助开发者在用户提交表单前对输入进行校验，提高用户体验，并减轻服务器端的压力。使用时，可以根据实际需求组合或调整这些函数，以满足不同的验证场景。