JavaScript验证函数集合:数字、自然数、整数与实数检查

需积分: 3 2 下载量 176 浏览量 更新于2024-11-27 收藏 285KB DOC 举报
"JavaScript验证代码片段集合,包括字符串长度计算、数字验证、自然数验证、整数验证、实数验证以及汉字和小写字母验证功能。" 在网页表单处理中,JavaScript验证是非常常见且重要的一步,它可以在用户提交数据前进行实时验证,提高用户体验并减少服务器端的无效负载。以下是对提供的JavaScript验证函数的详细解释: 1. **字符串长度计算**: 函数`strlen(str)`用于计算字符串的实际长度,考虑到中文字符占用两个字节,该函数会正确计算包含中文字符的字符串长度。循环遍历字符串,当遇到中文字符(其Unicode码大于255)时,长度增加2,否则增加1。 2. **数字验证**: `f_check_number(obj)`用于检测输入值是否为纯数字。它使用正则表达式`/^\d+$/`来匹配,该正则表示一个或多个数字。如果匹配成功,返回`true`,否则显示错误提示并返回`false`。 3. **自然数验证**: `f_check_naturalnumber(obj)`检查输入值是否为非负整数(自然数)。同样使用正则表达式`/^[0-9]+$/`,但还需要确保数值大于0。匹配且满足条件时返回`true`,否则显示错误提示并返回`false`。 4. **整数验证**: `f_check_integer(obj)`用于验证输入值是否为整数,包括正负整数。正则表达式`/^(\+|-)?\d+$/`用来匹配整数,允许前面有可选的正负号。匹配成功返回`true`,否则显示错误提示并返回`false`。 5. **实数验证**: `f_check_float(obj)`检查输入值是否为实数,即包含小数部分的数字。正则表达式`/^(\+|-)?\d+($|\.\d+$)/`匹配整数或带有小数点的数字。匹配成功返回`true`,否则显示错误提示并返回`false`。 6. **汉字验证**: `f_check_zh(obj)`用于确认输入值仅包含汉字。正则表达式`/^[\u4e00-\u9fa5]+$/`匹配Unicode范围内的汉字。匹配成功返回`true`,否则显示错误提示并返回`false`。 7. **小写字母验证**: `f_check_lowercase(obj)`验证输入值是否全部由小写字母组成。正则表达式`/^[a-z]+$/`匹配仅包含小写字母的字符串。匹配成功返回`true`,否则显示错误提示并返回`false`。 这些函数通常与HTML表单元素结合使用,通过`onblur`或`onkeyup`事件来触发验证。例如,将`f_check_number`绑定到输入框的`onblur`事件,当用户离开输入框时,会自动检查输入的是否为数字。 在实际应用中,还可以根据需求扩展这些验证函数,例如添加自定义错误消息、支持邮箱验证、电话号码验证等。同时,也可以考虑使用更强大的验证库,如jQuery Validation Plugin,提供更丰富的验证规则和更好的用户体验。