js 输入框只能输入英文和数字
时间: 2024-11-11 08:14:14 浏览: 9
js限制输入框只能输入数字(onkeyup触发)
在JavaScript中,如果你想限制HTML输入框`<input>`只允许用户输入英文字符和数字,你可以通过设置其`type`属性为`text`,然后利用`pattern`属性来实现正则表达式的验证。例如:
```html
<input type="text" id="myInput" pattern="[A-Za-z0-9]" title="只允许输入英文和数字">
```
这里,`pattern="[A-Za-z0-9]"`表示允许输入的是英文字母(不分大小写,A-Z,a-z)和数字(0-9)。当用户输入非匹配内容时,浏览器会显示提示信息。
如果你希望实时校验,可以使用JavaScript的`addEventListener`监听`input`事件:
```javascript
document.getElementById("myInput").addEventListener("input", function(event) {
var inputVal = event.target.value;
if (!/^[A-Za-z0-9]+$/.test(inputVal)) {
event.target.setCustomValidity("请输入英文和数字");
} else {
event.target.setCustomValidity("");
}
});
```
这个例子中,每当用户输入时,都会检查输入是否符合规定,如果不符合,则设置自定义验证消息。
阅读全文