Fatal编程技术网
  • javascript/
  • 如何使用javascript验证两个下拉框焦点

如何使用javascript验证两个下拉框焦点

javascript jquery html

如何使用javascript验证两个下拉框焦点,javascript,jquery,html,Javascript,Jquery,Html,我想验证两个下拉框。如果未选择下拉列表，它将提醒用户从下拉列表中选择值。它应该关注相应的下拉列表。 这是我的密码，某个人 <html> <head> <title>sample</title> </head> <script type="text/javascript" language="javascript"> function validator(theSelect) { var bcolor = do

我想验证两个下拉框。如果未选择下拉列表，它将提醒用户从下拉列表中选择值。它应该关注相应的下拉列表。 这是我的密码，某个人

<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> 


样品
函数验证器（选择）
{
var bcolor=document.forms[“register”][“bcolor”].value；
如果（b颜色==“”）{
提醒（“请选择您的颜色1”）；
返回false；
}
var bcolor1=document.forms[“register”][“bcolor1”]值；
如果（bcolor1==“”）{
提醒（“请选择您的颜色2”）；
返回false；
}
如果（选择[theSelect.selectedIndex].defaultSelected）
返回true；
}
挑选颜色
红色
黄色的
绿色
挑选颜色
红色
黄色的
绿色
只需使用
focus（）
：

只需使用
focus（）
：

这是一张工作票

这是一张工作票

只需对目标元素调用focus（）方法即可

第一次警报后
//聚焦第一个下拉列表（b颜色）的代码
document.forms[“register”][“bcolor”].focus（）

第二次警报后
//聚焦第二个下拉列表（bcolor1）的代码
document.forms[“register”][“bcolor1”].focus（）

只需对目标元素调用focus（）方法即可

第一次警报后
//聚焦第一个下拉列表（b颜色）的代码
document.forms[“register”][“bcolor”].focus（）

第二次警报后
//聚焦第二个下拉列表（bcolor1）的代码
document.forms[“register”][“bcolor1”].focus（）

您尚未为“焦点”编写任何代码。在返回false之前使用focus（）。您尚未为“focus”编写任何代码。在返回false之前使用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;       
 }

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;
}