根据提供的文件信息,我们可以归纳出一系列与JavaScript验证相关的知识点,主要涵盖了数字验证、日期时间验证、表单输入验证、字符验证以及电子邮件验证等几个方面。 ### 数字验证 #### 整数验证 - **整数正则表达式验证**: - 正则表达式:`/^(-|\+)?\d+$/` - 解释:该正则表达式能够匹配带符号(正负号)或不带符号的整数。 - 示例代码: ```javascript function isInteger(str) { return /^(-|\+)?\d+$/.test(str); } ``` #### ID号验证 - **非负整数验证**: - 正则表达式:`/^\d+$/` - 解释:该正则表达式用于验证字符串是否只包含数字,且不包含任何符号。 - 示例代码: ```javascript function isNonNegativeInteger(str) { return /^\d+$/.test(str); } ``` #### 负数验证 - **负整数验证**: - 正则表达式:`/^-\d+$/` - 解释:该正则表达式仅匹配以负号开头的整数。 - 示例代码: ```javascript function isNegativeInteger(str) { return /^-\d+$/.test(str); } ``` ### 日期时间验证 #### 时间格式验证 - **小时分秒格式验证**: - 正则表达式:`/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/` - 解释:此正则表达式用于验证时间是否符合“HH:MM:SS”格式,并检查小时、分钟、秒是否在有效范围内。 - 示例代码: ```javascript function isTime(str) { var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/); if (a == null) { alert('Incorrect time format'); return false; } if (a[1] > 24 || a[3] > 60 || a[4] > 60) { alert("Invalid time format"); return false; } return true; } ``` #### 日期格式验证 - **年月日格式验证**: - 正则表达式:`/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/` - 解释:此正则表达式用于验证日期是否符合“YYYY-MM-DD”或“YYYY/MM/DD”格式,并检查年份、月份、日期是否在有效范围内。 - 示例代码: ```javascript function isValidDate(str) { var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); if (r == null) return false; var d = new Date(r[1], r[3] - 1, r[4]); return (d.getFullYear() == r[1] && (d.getMonth() + 1) == r[3] && d.getDate() == r[4]); } ``` #### 日期时间格式验证 - **年月日时分秒格式验证**: - 正则表达式:`/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})(\d{1,2}):(\d{1,2}):(\d{1,2})$/` - 解释:此正则表达式用于验证日期时间是否符合“YYYY-MM-DD HH:MM:SS”格式,并检查年份、月份、日期、小时、分钟、秒是否在有效范围内。 - 示例代码: ```javascript function isValidDateTime(str) { var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})(\d{1,2}):(\d{1,2}):(\d{1,2})$/; var r = str.match(reg); if (r == null) return false; var d = new Date(r[1], r[3] - 1, r[4], r[5], r[6], r[7]); return (d.getFullYear() == r[1] && (d.getMonth() + 1) == r[3] && d.getDate() == r[4] && d.getHours() == r[5] && d.getMinutes() == r[6] && d.getSeconds() == r[7]); } ``` #### 只验证年月 - **年月格式验证**: - 示例代码: ```javascript function isYearMonth(str) { var reg = /^(\d{4})-(\d{1,2})$/; var r = str.match(reg); if (r == null) return false; var month = parseInt(r[2]); return (month >= 1 && month <= 12); } ``` #### 只验证小时分钟 - **小时分钟格式验证**: - 示例代码: ```javascript function isHourMinute(str) { var reg = /^(\d{1,2}):(\d{1,2})$/; var r = str.match(reg); if (r == null) return false; return (parseInt(r[1]) >= 0 && parseInt(r[1]) <= 23 && parseInt(r[2]) >= 0 && parseInt(r[2]) <= 59); } ``` ### 表单输入验证 - **为空验证**: - 示例代码: ```javascript function isEmpty(value) { return (value.trim() === ''); } ``` - 解释:此函数用于检查输入值是否为空。 - **指定长度验证**: - 示例代码: ```javascript function validateLength(value, minLen, maxLen) { var len = value.trim().length; return (len >= minLen && len <= maxLen); } ``` - 解释:此函数用于检查输入值是否在指定的长度范围内。 ### 字符串验证 - **全字母验证**: - 正则表达式:`/^[a-zA-Z]+$/` - 解释:该正则表达式用于验证字符串是否全部由字母组成。 - 示例代码: ```javascript function isAlphabetic(str) { return /^[a-zA-Z]+$/.test(str); } ``` - **字母数字混合验证**: - 正则表达式:`/^[0-9a-zA-Z]+$/` - 解释:该正则表达式用于验证字符串是否全部由字母或数字组成。 - 示例代码: ```javascript function isAlphaNumeric(str) { return /^[0-9a-zA-Z]+$/.test(str); } ``` - **特定字符验证**: - 正则表达式:`/^([a-zA-z_]{1})([\w]*)$/` - 解释:该正则表达式用于验证字符串是否以字母或下划线开头,并可以包含字母、数字或下划线。 - 示例代码: ```javascript function isSpecificChars(str) { return /^([a-zA-z_]{1})([\w]*)$/.test(str); } ``` ### 邮件地址验证 - **电子邮件地址验证**: - 示例代码: ```javascript function isValidEmail(email) { var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(String(email).toLowerCase()); } ``` ### 其他 - **浏览器兼容性检测**: - 示例代码: ```javascript function detectBrowser() { var userAgent = navigator.userAgent; var isIE = userAgent.indexOf('MSIE ') > -1 || userAgent.indexOf('Trident/') > -1; return { isIE: isIE }; } ``` - 解释:此函数用于检测浏览器是否为Internet Explorer。 以上这些知识点覆盖了常见的JavaScript验证功能,包括基本的数字验证、日期时间格式验证、表单输入验证以及字符验证等。这些功能可以帮助开发者确保用户输入的数据符合预期的要求,提高应用的安全性和用户体验。
- 粉丝: 0
- 资源: 3
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助