根据给定文件的信息，我们可以总结出以下几个JavaScript表单验证的关键知识点：
### 1. 身份证号码验证
在表单验证中，身份证号码验证是一个常见的需求。此段代码提供了针对15位与18位身份证号码的验证方法。具体实现如下：
```javascript
function idNumber(s) {
// 定义15位身份证号正则表达式
var regu1 = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;
// 定义18位身份证号正则表达式
var regu2 = /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$/;
var re1 = new RegExp(regu1);
var re2 = new RegExp(regu2);
if (!(re1.test(s) || re2.test(s))) {
document.getElementById("idCardInf").innerHTML = "格式错误";
document.getElementById("idCardInf").style.color = "red";
} else {
document.getElementById("idCardInf").innerHTML = "通过";
document.getElementById("idCardInf").style.color = "green";
document.getElementById("idCardCheck").innerHTML = "";
}
}
```
该函数首先定义了两个正则表达式：`regu1` 和 `regu2` 分别用于验证15位和18位的身份证号码。然后通过 `test()` 方法检测传入的字符串是否符合其中任一正则表达式的规则，并根据结果修改页面上对应元素的文本内容和颜色。
### 2. 手机号码验证
手机号码验证同样重要。以下代码实现了对手机号码格式的验证：
```javascript
function isMobileNO(s) {
var a = /^((\(\d{3}\))|(\d{3}\-))?13\d{9}|15\d{9}$/;
if (!s.match(a)) {
document.getElementById("mobileNOInf").innerHTML = "格式错误";
document.getElementById("mobileNOInf").style.color = "red";
} else {
document.getElementById("mobileNOInf").innerHTML = "通过";
document.getElementById("mobileNOInf").style.color = "green";
document.getElementById("mobileNOCheck").innerHTML = "";
}
}
```
这里定义了一个正则表达式 `a`，用于匹配13或15开头的手机号码，并检查传入的字符串是否符合这个模式。根据验证结果更新页面上的提示信息。
### 3. 显示输入提示信息
为了提高用户体验，通常会在用户填写表单时提供一些提示信息。下面的函数可以动态显示各种类型的提示：
```javascript
function displayInform(s) {
if (s == "user")
document.getElementById("userIDCheck").innerHTML = "(用户名4-16位字母或数字)";
else if (s == "password")
document.getElementById("passwordCheck").innerHTML = "(6-16位数字、字母、特殊字符或空格)";
else if (s == "passwordC")
document.getElementById("confirmCheck").innerHTML = "(确认密码)";
else if (s == "idCard")
document.getElementById("idCardCheck").innerHTML = "(验证身份证号码)";
else if (s == "mobileNO")
document.getElementById("mobileNOCheck").innerHTML = "(验证手机号码)";
else if (s == "email")
document.getElementById("emailCheck").innerHTML = "(验证邮箱地址)";
}
```
这个函数接收一个参数 `s`，表示需要显示哪种类型的提示信息，并根据不同的值设置页面上对应的提示内容。
### 4. 提交验证
在用户提交表单前进行一系列的验证是非常必要的。以下代码展示了如何进行简单的提交验证：
```javascript
function submitValidator() {
if (document.getElementById("control").style.display == "inline") {
if ((document.getElementById("user").value == "") || (document.getElementById("password").value == "") || (document.getElementById("passwordC").value == "") || (document.getElementById("answer").value == "") || (document.getElementById("question").value == "")) {
alert("请完整填写所有必填项");
return false;
} else {
if ((document.getElementById("user").value).match(/^[0-9a-zA-Z]{4,16}$/) && (document.getElementById("password").value).match(/^[0-9a-zA-Z\s!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]{6,16}$/) && (document.getElementById("passwordC").value == document.getElementById("password").value)) {
// 验证成功
return true;
} else {
alert("用户名、密码不符合规定或两次密码不一致");
return false;
}
}
}
}
```
这段代码首先检查是否有未填写的必填项，如果没有，则进一步验证用户名和密码是否符合规定的格式，并确保两次输入的密码一致。如果所有条件都满足，则返回 `true` 允许表单提交；否则返回 `false` 并给出相应的错误提示。
以上就是从给定文件中提取的主要JavaScript表单验证知识点。这些技术点对于实现安全有效的Web表单非常重要，能够显著提升用户体验并减少无效数据的提交。
