为什么这不验证选择？答案

【问题标题】：why is this not validating select?为什么这不验证选择？
【发布时间】：2022-01-07 11:55:49
【问题描述】：

我想验证包含输入和一个 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>

【问题讨论】：

哦-pyramid of doom！而不是多个级别的if 语句，您可以将它们分解为各自的级别并将逻辑测试的结果分配给错误变量数组。如果在所有测试后为空，则可以，否则为假！？？

标签： javascript html css validation

【解决方案1】：

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

您应该检查“有效”而不是“selectUser.invalid”。

“有效”的条件也应该相反：选择的值不应该是“选择用户”

【讨论】：

好的，我会试试的..谢谢你