javascript 常用验证函数总结

随着项目经验的逐渐累积，我发现自己在许多项目中都会用到JavaScript进行表单验证。这些项目中，有许多重复的验证逻辑。于是，我决定整理并分享一些自己常用的表单验证的JavaScript方法。虽然这些方法可能与市面上流行的验证框架有所差异，但它们是我个人实践经验的结晶，希望能为大家的开发之路带来一些启示和参考。

我想强调的是这些方法在实际项目中得到了广泛应用和验证。它们经过多次优化和迭代，已经具备了较高的稳定性和可靠性。这些方法也充分考虑了用户体验，尽可能地简化了验证流程，避免了繁琐的用户输入操作。

在整理这些方法时，我尽量将它们抽象为通用的函数或类，以便在不同的项目中重复使用。这些表单验证方法涵盖了常见的验证场景，如验证输入是否为空、是否超过长度限制、是否匹配特定格式等。使用这些方法，我们可以快速实现表单验证功能，提高开发效率。

这些方法具有一定的自定义性。我们可以根据项目的实际需求进行调整和扩展。例如，我们可以根据需要添加新的验证规则，或者修改现有规则以满足特定需求。这种灵活性使得这些方法在各种项目中都能得到广泛应用。

这些方法也存在一些局限性。与市面上成熟的验证框架相比，它们在功能和性能上可能存在一定的差距。我相信通过不断的实践和改进，我们可以逐步完善这些方法，使它们在未来的项目中发挥更大的作用。

情缘系列表单数据验证（JS实现）

一、数字验证

检查输入的一串字符是否全部是数字、是否为小数或整型数据等。

功能函数：

`checkNum(str)`：检查输入是否为数字。返回true或false。

`checkDecimal(str)`：检查输入是否为小数。返回true或false。

`checkInteger(str)`：检查输入是否为整型数据。返回true或false。

二、字符验证

检查输入的一串字符是否只包含字符或是否包含汉字等。

功能函数：

`checkStr(str)`：检查输入是否只包含字符，不包含汉字。返回true或false。

`checkChinese(str)`：检查输入是否包含汉字。返回true或false。

三、其他验证

提供了一系列验证功能，如验证格式是否正确、手机号码格式是否正确等。

功能函数：

`checkEmail(str)`：检查输入格式是否正确。返回true或false。

`checkMobilePhone(str)`：检查输入的手机号码格式是否正确。返回true或false。

身份证性别识别与生日验证

当我们处理身份证信息时，常常需要验证身份证上的性别和生日是否有效。以下是用JavaScript实现的两种不同方法，分别用于验证15位和18位身份证中的信息。

验证性别的方法如下：

如果我们拿到的身份证号码长度为15位，我们可以通过判断最后一位数字来识别性别。如果最后一位数字是偶数，则为女性；如果是奇数，则为男性。代码实现如下：

```javascript

function getGender(idCard) {

if (idCard.length === 15) {

if (parseInt(idCard.substring(14, 15)) % 2 === 0) {

return 'female';

} else {

return 'male';

}

} else if (idCard.length === 18) {

if (parseInt(idCard.substring(14, 17)) % 2 === 0) { // 对于新版身份证的前三位组合来判断性别，女性对应偶数组合。男性对应奇数组合。实现同上。不再赘述。} else { return 'male'; } } else { return null; } }