根据提供的文件信息，本文将对其中提及的JavaScript表单验证技术进行详细解析，并结合实际应用场景进行阐述。
### 1. 字符串长度限制
在Web应用中，限制用户输入的字符串长度是非常常见的需求之一。例如，在注册表单中通常会限制用户名或密码的最大长度。下面的示例展示了如何通过JavaScript来实现这一功能：
```html
<script>
function test() {
if (document.a.b.value.length > 50) {
alert("不能超过 50 个字符！");
document.a.b.focus();
return false;
}
}
</script>
<form name="a" onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input type="submit" name="Submit" value="check">
</form>
```
### 2. 只能输入汉字
在某些场景下，如填写中文姓名时，我们可能希望限制用户只能输入汉字。这可以通过正则表达式实现：
```html
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">
```
这里的`[^\u4E00-\u9FA5]`是一个正则表达式，表示除了`\u4E00`到`\u9FA5`范围内的字符（即所有汉字）之外的所有字符都会被替换为空。
### 3. 只能输入英文
在需要用户输入英文的情况下，可以使用以下代码：
```html
<script language="javascript">
function onlyEng() {
if (!(event.keyCode >= 65 && event.keyCode <= 90)) {
event.returnValue = false;
}
}
</script>
<input onkeydown="onlyEng();">
```
这里通过判断键盘事件的`keyCode`来确定是否为大写字母键（ASCII码65-90）。
### 4. 只能输入数字
在填写电话号码等场景中，我们往往只允许用户输入数字。这同样可以通过键盘事件和正则表达式来实现：
```html
<script language="javascript">
function onlyNum() {
if (!((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105))) {
event.returnValue = false;
}
}
</script>
<input onkeydown="onlyNum();">
```
这里的代码同时考虑了主键盘区的数字键（ASCII码48-57）以及小键盘区的数字键（ASCII码96-105）。
### 5. 只能输入英文字符和数字
在许多情况下，我们需要用户输入的是一段包含字母和数字的组合。这种情况下，可以使用以下代码：
```html
<input onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
```
这里使用了正则表达式`[\W]`来匹配所有非字母数字字符。
### 6. 验证邮箱格式
电子邮件地址的验证非常重要，因为错误的邮箱格式可能导致邮件无法发送成功。下面是一个简单的验证方法：
```html
<SCRIPT LANGUAGE="javascript">
function isEmail(strEmail) {
if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1) {
return true;
} else {
alert("邮箱格式不正确");
}
}
</SCRIPT>
<input type="text" onblur="isEmail(this.value)">
```
这里的正则表达式较为复杂，但可以有效地验证大部分标准的邮箱地址格式。
### 7. 屏蔽关键字
为了避免不良信息的出现，有时我们需要对用户输入的内容进行关键字过滤。例如：
```html
<script language="javascript1.2">
function test() {
if ((a.b.value.indexOf("***") >= 0) || (a.b.value.indexOf("****") >= 0)) {
alert("包含敏感词汇");
a.b.focus();
return false;
}
}
</script>
<form name="a" onsubmit="return test()">
<input type="text" name="b">
<input type="submit" name="Submit" value="check">
</form>
```
这里通过`indexOf`方法检查用户输入中是否包含了指定的关键字。
### 8. 密码验证：比较两次输入的密码是否一致
为了确保用户输入的密码正确无误，我们通常会在注册页面要求用户重复输入密码，并进行一致性校验：
```html
<FORM METHOD="POST" ACTION="#">
<input type="password" id="pwd1" placeholder="请输入密码">
<input type="password" id="pwd2" placeholder="请再次输入密码" onblur="validatePassword()">
<script>
function validatePassword() {
var pwd1 = document.getElementById("pwd1").value;
var pwd2 = document.getElementById("pwd2").value;
if (pwd1 !== pwd2) {
alert("两次输入的密码不一致！");
return false;
}
}
</script>
</FORM>
```
以上代码通过比较两个密码输入框中的值来进行验证。如果两次输入的密码不一致，则会弹出提示信息。
JavaScript提供了多种方式来实现表单验证，这些方法可以根据不同的需求灵活运用。在实际开发过程中，开发者还可以根据具体情况进一步优化和完善这些验证逻辑，以提高用户体验并保障数据的安全性。
VIP享7折，此内容立减5.97元 
