如何使用javascript驗證兩個下拉框焦點

我想驗證兩個下拉框。如果未選擇下拉菜單，則會提醒用戶從下拉列表中選擇值。它應該關注相應的下拉菜單。這是我的代碼，有人如何使用javascript驗證兩個下拉框焦點

<html> 
<head> 
<title>sample</title> 
</head> 
<script type="text/javascript" language="javascript"> 

function validator(theSelect) 
{ 


    var bcolor = document.forms["register"]["bcolor"].value; 
if (bcolor == "") { 
    alert("Please Select Your color1"); 
    return false;  
} 
    var bcolor1 = document.forms["register"]["bcolor1"].value; 
if (bcolor1 == "") { 
    alert("Please Select Your color2"); 
    return false;  
} 
if (theSelect[theSelect.selectedIndex].defaultSelected) 
return true; 
} 
</script> 
<body> 
<form method="post" action="sample.php" onSubmit="return validator(this)" name="register"> 
<select name="bcolor" size="1"> 
<option value="" selected="selected">Pick a Color</option> 
<option value="rd">Red</option> 
<option value="yl">Yellow</option> 
<option value="gr">Green</option> 
</select> 

<select name="bcolor1" size="1"> 
<option value="" selected="selected">Pick a Color</option> 
<option value="rd">Red</option> 
<option value="yl">Yellow</option> 
<option value="gr">Green</option> 
</select> 
<input type="submit"> 
</form> 
</body> 
</html>

來源

2015-06-29 Vadivel Murugan M

你還沒有寫'重點'的任何代碼。在返回false之前使用focus（）。 – JammuPapa

只需使用focus()：

if (bcolor == "") { 
    alert("Please Select Your color1"); 
    document.forms["register"]["bcolor"].focus();// 
    return false;  
} 
    var bcolor1 = document.forms["register"]["bcolor1"].value; 
if (bcolor1 == "") { 
    alert("Please Select Your color2"); 
    document.forms["register"]["bcolor1"].focus();// 
    return false;  
}

來源

2015-06-29 11:00:12 Arvind

感謝哥們..它的工作 –

這裏是一個workign JSfiddle

function validator(theSelect) 
{ 
    var bcolor = document.forms["register"]["bcolor"]; 
    if (bcolor.value == "") { 
     alert("Please Select Your color1"); 
     bcolor.focus(); 
     return false;  
    } 
    var bcolor1 = document.forms["register"]["bcolor1"]; 
    if (bcolor1.value == "") { 
     alert("Please Select Your color2"); 
     bcolor1.focus(); 
     return false;  
    } 
    if (theSelect[theSelect.selectedIndex].defaultSelected) 
     return true; 
}

來源

2015-06-29 11:03:57

只是調用焦點（）方法上目標元素。

烏爾第一警報
//代碼集中第一個下拉（bcolor）後
document.forms [ 「註冊」] [ 「bcolor」]聚焦（）; 。

烏爾第二警報
//代碼集中第二個下拉（bcolor1）
document.forms [ 「註冊」] [ 「bcolor1」]後對焦（）;

來源

2015-06-29 11:05:18 Varatharaj

如何使用javascript驗證兩個下拉框焦點

回答

相關問題