JavaScript全集：验证与输入限制技巧
下载需积分: 3 | TXT格式 | 15KB |
更新于2025-01-06
| 14 浏览量 | 举报
"JavaScript验证表达式大全包含了各种JavaScript脚本语言中的验证表达式示例，用于表单数据的检查和用户输入的限制。"
在JavaScript中，验证表达式是确保用户输入符合特定规则的关键技术，这些规则可以包括长度、格式或内容限制。以下是一些常见的JavaScript验证表达式示例：
1. 复选框选择验证：
```html
<script>
function checkform(obj) {
for (i = 0; i < obj.oo.length; i++)
if (obj.oo[i].checked == true)
return true;
alert("请选择一个选项");
return false;
}
</script>
<form id="form1" name="form1" method="post" action="" onsubmit="return checkform(this)">
<input type="radio" name="oo" value="radiobutton" />
<input type="radio" name="oo" value="radiobutton" />
<input type="submit" name="Submit" value="提交" />
</form>
```
这段代码定义了一个名为`checkform`的函数，它检查表单中的复选框是否至少有一个被选中。如果用户没有选择任何选项，会弹出警告，并阻止表单提交。
2. 文本区域字符限制：
```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="检查" />
</form>
```
此示例定义了`test`函数，用于检查textarea中的字符数。如果超过50个字符，会弹出警告，焦点返回到textarea，并阻止表单提交。
3. 只允许中文输入：
```html
<input onkeyup="this.value = this.value.replace(/[^\u4E00-\u9FA5]/g, '')">
```
这个输入字段只允许用户输入中文字符，通过正则表达式`/[^\u4E00-\u9FA5]/g`过滤掉非中文字符。
4. 只允许英文输入：
```html
<script language="javascript">
function onlyEng() {
if (!(event.keyCode >= 65 && event.keyCode <= 90)) // A-Z
event.returnValue = false;
}
</script>
<input onkeydown="onlyEng();">
```
这个输入字段只允许用户输入英文字符（大写A到Z）。`onlyEng`函数监听键盘事件，如果按下的是非大写字母键，则阻止输入。
这些示例展示了JavaScript如何用于前端验证，提高用户体验并减少无效数据的提交。开发者可以根据实际需求调整这些函数和正则表达式，以适应不同类型的输入验证。
相关推荐
