我想驗證包含輸入和一個 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>
uj5u.com熱心網友回復：
您已經宣告了一個名為“有效”的變數。但是你沒有使用它。
您應該檢查“有效”而不是“selectUser.invalid”。
“有效”的條件也應該相反：選擇的值不應該是“選擇用戶”
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/410081.html
標籤：