js文本框正则表达式验证

根据提供的文件信息，我们可以总结出一系列关于JavaScript中利用正则表达式进行文本框验证的知识点。这些知识点将涵盖日期、时间、字母、整数、浮点数、字符串、中文字符及电子邮件格式等常见验证场景。 ### 1. 验证是否为空 在进行任何具体的验证之前，通常会先检查输入框中的值是否为空。这可以通过简单的长度判断来实现： ```javascript function isNull() { var str = document.getElementById('str').value.trim(); if (str.length === 0) { alert('输入不能为空！'); } } ``` ### 2. 验证日期格式（YYYY-MM-DD） 验证日期格式是否符合“年-月-日”的形式，如“2023-09-01”： ```javascript function isDate() { var str = document.getElementById('str').value.trim(); if (str.length !== 0) { var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/; var r = str.match(reg); if (!r) { alert('日期格式不正确！'); } } } ``` ### 3. 验证日期时间格式（YYYY-MM-DD hh:mm:ss） 验证日期时间格式是否符合“年-月-日 时:分:秒”的形式，如“2023-09-01 12:30:45”： ```javascript function isDateTime() { var str = document.getElementById('str').value.trim(); if (str.length !== 0) { 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) { alert('日期时间格式不正确！'); } } } ``` ### 4. 验证时间格式（hh:mm:ss） 验证时间格式是否符合“时:分:秒”的形式，如“12:30:45”： ```javascript function isTime() { var str = document.getElementById('str').value.trim(); if (str.length !== 0) { var reg = /^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/; if (!reg.test(str)) { alert("时间格式不正确！"); } } } ``` ### 5. 验证是否为英文字母 验证输入是否只包含英文字母： ```javascript function isLetter() { var str = document.getElementById('str').value.trim(); if (str.length !== 0) { var reg = /^[a-zA-Z]+$/; if (!reg.test(str)) { alert("不是有效的英文字符！"); } } } ``` ### 6. 验证是否为整数 验证输入是否为整数： ```javascript function isInteger() { var str = document.getElementById('str').value.trim(); if (str.length !== 0) { var reg = /^[-+]?\d*$/; if (!reg.test(str)) { alert("不是有效的整数格式！"); } } } ``` ### 7. 验证是否为浮点数 验证输入是否为浮点数： ```javascript function isDouble() { var str = document.getElementById('str').value.trim(); if (str.length !== 0) { var reg = /^[-\+]?\d+(\.\d+)?$/; if (!reg.test(str)) { alert("不是有效的浮点数格式！"); } } } ``` ### 8. 验证是否为字母数字混合字符串 验证输入是否只包含字母数字混合字符串： ```javascript function isString() { var str = document.getElementById('str').value.trim(); if (str.length !== 0) { var reg = /^[a-zA-Z0-9_]+$/; if (!reg.test(str)) { alert("不是有效的字母数字混合字符串格式！"); } } } ``` ### 9. 验证是否为中文字符 验证输入是否只包含中文字符： ```javascript function isChinese() { var str = document.getElementById('str').value.trim(); if (str.length !== 0) { var reg = /^[\u0391-\uFFE5]+$/; if (!reg.test(str)) { alert("不是有效的中文字符格式！"); } } } ``` ### 10. 验证电子邮件地址格式 验证输入是否符合电子邮件地址的格式： ```javascript function isEmail() { var str = document.getElementById('str').value.trim(); if (str.length !== 0) { var reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; if (!reg.test(str)) { alert("不是有效的电子邮件格式！"); } } } ``` ### 11. 验证邮政编码格式 验证输入是否符合邮政编码的格式，例如中国邮政编码通常为六位数字： ```javascript function isZIP() { var str = document.getElementById('str').value.trim(); if (str.length !== 0) { var reg = /^\d{6}$/; if (!reg.test(str)) { alert("不是有效的邮政编码格式！"); } } } ``` 通过以上这些函数，可以有效地对各种输入进行验证，确保用户提交的数据格式正确无误。这些正则表达式涵盖了常见的数据验证需求，可以在实际项目中灵活运用。