例1:只能输入字母,并且限制为5位之内
效果
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Radio Button Example</title>
</head>
<body>
<label>文本框1</label>
<input type="text" autocomplete="off" id="code_pre" name="code_pre" onblur="check_codepre()"/></br>
<script>
function check_codepre() {
//获取每项数据
var code_pre = document.getElementById('code_pre').value;
var codePrePattern = /^[A-Za-z]{1,5}$/; // 定义code_pre的正则表达式
if (!codePrePattern.test(code_pre)) {
alert('前置码:请输入至多5个字母');
document.getElementById('code_pre').value = '';
}
}
</script>
</body>
</html>
例2:只能输入数字,并且只能为2-5位之间
效果
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example</title>
</head>
<body>
<label>文本框</label>
<input type="text" name="code_num" id="code_num" required="required" onblur="check_codenum()"/>
<script>
function check_codenum() {
//获取每项数据
var code_num = document.getElementById('code_num').value;
var codeNumPattern = /^[2-5]$/; // 定义code_num的正则表达式
if (!codeNumPattern.test(code_num)) {
alert('流水号:请输入2-5之间的数字');
document.getElementById('code_num').value = '';
}
}
</script>
</body>
</html>