Javascript 复选框值根据前缀确定
我有一个文本框。 用户可以在其中输入学生Id。 学生id的格式为DIP001。 前三个字母应为DIP，其余4个数字应为数字，最多只能包含4个字符。 那么，我如何使用javascript检查输入的数据是否为这种格式呢。Javascript 复选框值根据前缀确定,javascript,php,textbox,Javascript,Php,Textbox,我有一个文本框。 用户可以在其中输入学生Id。 学生id的格式为DIP001。 前三个字母应为DIP，其余4个数字应为数字，最多只能包含4个字符。 那么，我如何使用javascript检查输入的数据是否为这种格式呢。 请帮助……使用常规表达式 如果找到有效的学生ID，模式将返回true： function validateStudentId(id) { var re = /DIP[0-9]{4}/; return re.test(id); } //编辑的用于点击事件： d
请帮助……使用常规表达式 如果找到有效的学生ID，模式将返回true：
function validateStudentId(id) {
var re = /DIP[0-9]{4}/;
return re.test(id);
}
document.getElementById('button').addEventListener('click', function(){
if( validateStudentId(document.getElementById('textBox').value) ){
alert('correct');
}else{
alert('invalid ID');
}
});
使用常规表达式 如果找到有效的学生ID，模式将返回true：
function validateStudentId(id) {
var re = /DIP[0-9]{4}/;
return re.test(id);
}
document.getElementById('button').addEventListener('click', function(){
if( validateStudentId(document.getElementById('textBox').value) ){
alert('correct');
}else{
alert('invalid ID');
}
});
您可以构建一个正则表达式模式，并根据该值对其进行测试，以查看它是否与该模式匹配。 HTML文件：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title</title>
</head>
<body>
<label for="studentId">Student ID</label>
<input id="studentId" type="text">
<button id="btn" type="button">Validate</button>
// Embedded script so that you don't have to load an external file
<script>
var input = document.getElementById('studentId');
var btn = document.getElementById('btn');
var pattern = /DIP+\d{1,3}/g;
btn.addEventListener('click', function(){
if(pattern.test(input.value)) {
alert('It enter code here`atches!');
}else {
alert('It does not match!');
}
});
</script>
</body>
</html>
希望有帮助
EDIT2：我已经更新了JSFiddle，以匹配任何其他最多4位的组合；查看：如果它解决了您的问题，请告诉我 您可以构建一个正则表达式模式，并根据该值对其进行测试，以查看它是否与该模式匹配。 HTML文件：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title</title>
</head>
<body>
<label for="studentId">Student ID</label>
<input id="studentId" type="text">
<button id="btn" type="button">Validate</button>
// Embedded script so that you don't have to load an external file
<script>
var input = document.getElementById('studentId');
var btn = document.getElementById('btn');
var pattern = /DIP+\d{1,3}/g;
btn.addEventListener('click', function(){
if(pattern.test(input.value)) {
alert('It enter code here`atches!');
}else {
alert('It does not match!');
}
});
</script>
</body>
</html>
希望有帮助 EDIT2：我已经更新了JSFiddle，以匹配任何其他最多4位的组合；查看：如果它解决了您的问题，请告诉我 试试这段代码
<html>
<head>
<script>
function validate(val) {
if (val.value != "") {
var filter = /^[DIP]|[dip]+[\d]{1,4}$/
if (filter.test(val.value)) { return (true); }
else { alert("Please enter currect Student Id"); }
val.focus();
return false;
}
}
</script>
</head>
<body>
<input id="Text1" type="text" onblur="return validate(this);" />
</body>
</html>
函数验证（val）{
如果（val.value！=“”）{
var filter=/^[DIP]|[DIP]+[\d]{1,4}$/
if（filter.test（val.value））{return（true）；}
else{alert（“请输入当前学生Id”）；}
val.focus（）；
返回false；
}
}
<html>
<head>
<script>
function validate(val) {
if (val.value != "") {
var filter = /^[DIP]|[dip]+[\d]{1,4}$/
if (filter.test(val.value)) { return (true); }
else { alert("Please enter currect Student Id"); }
val.focus();
return false;
}
}
</script>
</head>
<body>
<input id="Text1" type="text" onblur="return validate(this);" />
</body>
</html>
函数验证（val）{
如果（val.value！=“”）{
var filter=/^[DIP]|[DIP]+[\d]{1,4}$/
if（filter.test（val.value））{return（true）；}
else{alert（“请输入当前学生Id”）；}
val.focus（）；
返回false；
}
}