为什么这不能验证select

Question

我想验证我的表单，其中包括输入和一个select，但当我想验证的表单不能与我的select一起使用时，我该如何进行验证或编辑我的代码以一起验证，但我遇到了问题。任何想法。

$("#form1").submit(function(e){
e.preventDefault();
var letters1=/^[A-Za-z]+$/;
var letters2 = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/;
var email=  document.getElementById("email").value;
var password=  document.getElementById("password").value;
var fname=document.getElementById("fname").value;
var lname=document.getElementById("lname").value;
var selectUser=document.getElementById("user");
var valid=selectUser.value=="select user";
if(email.length>0 && email.match(letters2))
{
if(password.length>0)
{
if(fname.length>0&&fname.match(letters1))
{
if(lname.length>0&&lname.match(letters1))
{
if(selectUser.invalid)
{
alert('please enter user');
selectUser.className='error';
}
else{
selectUser.className='';
}
}
else{
alert("wrong last");
}
}
else{
alert("wrong first");
}
}
else{   
document.getElementById("password").style.borderColor="red";
alert("wrong password");
}
}
else{
alert("wrong email");
}
return !invalid;})

html

<select id="user" name="user">
<option value="select user">select user</option>
<option>Admin </option>
<option> SuperAdmin</option>
<option> Staff</option>
</select>
<div class="submitbtn">
<a href="#submit1">
<button type="submit">Submit</button></div>
</a>
</div>

Answer 1

您已经声明了一个名为"valid"的变量。但你没有使用它。

您应该检查"valid"而不是"selectUser.invalid"。

"有效"的条件也应该相反：select的值不应该是"select user">