Express.js数据校验：探究常用的验证工具

根据提供的文件内容，我们可以总结出以下几个JavaScript验证方法的知识点： ### 1. 验证纯数字（例如：年龄、价格等） ```javascript function isNum(object) { var s = document.getElementById(object.id).value; if (s !== "") { if (isNaN(s)) { // 使用isNaN函数判断是否为非数字 alert("输入内容必须是数字！"); object.value = ""; // 清空输入框 object.focus(); // 让焦点回到输入框 } } } ``` **知识点解析：** - **函数功能**：该函数用于验证用户输入是否为纯数字。 - **参数说明**： - `object`：代表HTML中的输入元素对象。 - **执行流程**： - 获取输入框的值。 - 如果输入框不为空，则通过`isNaN()`函数判断其是否为数字。 - 若不是数字，则提示错误，并清空输入框内容。 ### 2. 验证电话号码格式 ```javascript function isTel(object) { var s = document.getElementById(object.id).value; var pattern = /^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/; if (s !== "") { if (!pattern.test(s)) { alert("请输入正确的电话号码格式：区号(2~3位)-号码(7~8位)-分机号(可选)"); object.value = ""; object.focus(); } } } ``` **知识点解析：** - **函数功能**：该函数用于验证电话号码格式。 - **正则表达式说明**： - `^` 和 `$` 表示字符串的开始和结束。 - `\d{2,3}` 表示2到3位数字。 - `-` 表示连接符。 - `(\d{7,8})` 表示7到8位数字。 - `-(\d{3,})?` 表示可选的分机号，1位以上数字。 - **执行流程**： - 获取输入框的值。 - 使用正则表达式验证电话号码格式。 - 若不符合格式，则提示错误并清空输入框。 ### 3. 验证电子邮件格式 ```javascript function checkEmail(object) { var s = document.getElementById(object.id).value; var pattern = /^[a-zA-Z0-9_\-]{1,}@[a-zA-Z0-9_\-]{1,}\.[a-zA-Z0-9_\-.]{1,}$/; if (s !== "") { if (!pattern.test(s)) { alert("请输入正确的电子邮件地址！"); object.value = ""; object.focus(); } } } ``` **知识点解析：** - **函数功能**：该函数用于验证电子邮件地址格式。 - **正则表达式说明**： - `[a-zA-Z0-9_\-]{1,}` 表示至少一个字母或数字或下划线或短横线。 - `@` 表示邮箱的@符号。 - `\.` 表示邮箱的点符号。 - `[a-zA-Z0-9_\-.]{1,}` 表示至少一个字母或数字或下划线或点或短横线。 - **执行流程**： - 获取输入框的值。 - 使用正则表达式验证电子邮件地址格式。 - 若不符合格式，则提示错误并清空输入框。 ### 4. 验证手机号码格式 ```javascript function isMobile(object) { var s = document.getElementById(object.id).value; var reg0 = /^13\d{9}$/; var reg1 = /^153\d{8}$/; var reg2 = /^159\d{8}$/; var reg3 = /^0\d{10,11}$/; var isValid = false; if (reg0.test(s)) isValid = true; if (reg1.test(s)) isValid = true; if (reg2.test(s)) isValid = true; if (reg3.test(s)) isValid = true; if (s !== "") { if (!isValid) { alert("请输入正确的手机号码格式！"); object.value = ""; object.focus(); } } } ``` **知识点解析：** - **函数功能**：该函数用于验证手机号码格式。 - **正则表达式说明**： - `13\d{9}` 表示以13开头的11位数字。 - `153\d{8}` 表示以153开头的11位数字。 - `159\d{8}` 表示以159开头的11位数字。 - `0\d{10,11}` 表示以0开头的10或11位数字。 - **执行流程**： - 获取输入框的值。 - 使用多个正则表达式分别验证不同类型的手机号码格式。 - 若不符合格式，则提示错误并清空输入框。 ### 5. 验证邮政编码格式 ```javascript function isPostalCode(object) { var s = document.getElementById(object.id).value; var pattern = /^[0-9]{6}$/; if (s !== "") { if (!pattern.test(s)) { alert("请输入正确的邮政编码格式！"); object.value = ""; object.focus(); } } } ``` **知识点解析：** - **函数功能**：该函数用于验证邮政编码格式。 - **正则表达式说明**： - `^[0-9]{6}$` 表示6位数字。 - **执行流程**： - 获取输入框的值。 - 使用正则表达式验证邮政编码格式。 - 若不符合格式，则提示错误并清空输入框。 ### 6. 验证日期格式 ```javascript function isDate(object) { var s = document.getElementById(object.id).value; var pattern = /^((\d{2}(([02468][048])|([13579][26]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[\-\/\s]?((0?[1-9])|([1-2][0-9])))))|(\d{2}(([02468][1235679])|([13579][01345789]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[\-\/\s]?((0?[1-9])|(1[0-9])|(2[0-8]))))))(\s(((0?[0-9])|([1-2][0-3]))\:([0-5]?[0-9])((\s)|(\:([0-5]?[0-9])))))?$/; if (s !== "") { if (!pattern.test(s)) { alert("请输入正确的日期格式：年-月-日"); object.value = ""; object.focus(); } } } ``` **知识点解析：** - **函数功能**：该函数用于验证日期格式。 - **正则表达式说明**： - 年份验证闰年和平年的规则。 - 月份和日期的范围限制。 - 可选的时间部分。 - **执行流程**： - 获取输入框的值。 - 使用复杂的正则表达式验证日期格式。 - 若不符合格式，则提示错误并清空输入框。 通过以上分析，我们可以看到JavaScript中使用正则表达式进行数据验证的强大功能。这些验证方法可以广泛应用于表单提交前的数据校验，从而提高用户体验和数据安全性。