为什么这不验证 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

您已经声明了一个名为“有效”的变量。但是你没有使用它。

您应该勾选“有效”而不是“selectUser.invalid”。

此外，“有效”的条件应该相反：select 的值不应为“select 用户”

为什么这不验证 select？

why is this not validating select?

html

javascript

css

validation