如何基于选择框值进行Javascript验证?

如何基于选择框值进行Javascript验证?,javascript,html,Javascript,Html,这是我正在做的代码,应该对最后两个输入框进行验证,只有在经历了选择框选项值的情况下 <script type="text/javascript"> var ck_UserName =/^[A-Za-z. ]{3,20}$/; var ck_Emailid =/^[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.([a-zA-Z]{2,4})$/; var ck_Mobileno =/^[0-9 ]{10,

这是我正在做的代码,应该对最后两个输入框进行验证,只有在经历了选择框选项值的情况下

        <script type="text/javascript">
        var ck_UserName =/^[A-Za-z. ]{3,20}$/;
        var ck_Emailid =/^[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.([a-zA-Z]{2,4})$/;
        var ck_Mobileno =/^[0-9 ]{10,11}$/;
        var ck_Age=/^[1-9 ]{1,2}$/;
        var ck_CompanyName =/^[A-Za-z. ]{3,20}$/;
        var ck_Exp =/^[0-9]{1,2}$/;
            function validate(form) 
            {
                var Empname = form.username.value;
                var Emailid = form.email.value;
                var Mobileno = form.mobno.value;
                var message = form.age.value;
                var JOB = document.getElementById('job').value;
                var Experience = document.getElementById('category').value;
                var companyname=document.getElementById('company').value;
                var Exp=document.getElementById('experience').value;
                if (JOB == "" || JOB == "option1")
                {
                    alert("Select a Job.");
                    document.getElementById('job').focus();
                    return false;
                    //errors[errors.length] = "Select a Job";
                }

                else if (!ck_UserName.test(Empname)) {
                    alert("Enter a valid Name");
                    document.getElementById('username').focus();
                    return false;
                    //errors[errors.length] = "Enter valid Name ";
                }
                else if (!ck_Mobileno.test(Mobileno)) {
                    alert("Enter a valid Mobile Number with 10 or 11 digits");
                    document.getElementById('mobno').focus();
                    return false;
                    //errors[errors.length] = "Enter valid mobileno ";
                }
                else if (!ck_Age.test(message)) 
                {
                    alert("Enter Age");
                    document.getElementById('age').focus();
                    return false;
                }
                else if (!ck_Emailid.test(Emailid)) {
                   alert("Enter a valid Email address .");
                    document.getElementById('email').focus();
                    return false;
                    //errors[errors.length] = " Enter a valid Email address.";
                }
            else if (Experience == 'option2' || Experience=="") {
                    alert("Select a Category.");
                    document.getElementById('category').focus();
                    return false;
                    //errors[errors.length] = "Select a Category";
                 }
                  else if (!ck_CompanyName.test(companyname)) {
                    alert("Enter a valid Company Name .");
                    document.getElementById('company').focus();
                    return false;
                    //errors[errors.length] = " Enter a valid Email address.";
                }
                else if (!ck_Exp.test(Exp)) {
                    alert("Enter Your Years Of Experience");
                    document.getElementById('experience').focus();
                    return false;
                    //errors[errors.length] = "Enter valid mobileno ";
                }
            }
    </script>

var ck_UserName=/^[A-Za-z.]{3,20}$/;
var ck_Emailid=/^[a-zA-Z0-9.-]+@[a-zA-Z0-9.-]+\.([a-zA-Z]{2,4})$/;
var ck_Mobileno=/^[0-9]{10,11}$/;
var ck_Age=/^[1-9]{1,2}$/;
var ck_CompanyName=/^[A-Za-z.]{3,20}$/;
var ck_Exp=/^[0-9]{1,2}$/;
函数验证(表单)
{
var Empname=form.username.value;
var Emailid=form.email.value;
var Mobileno=form.mobno.value;
var消息=form.age.value;
var JOB=document.getElementById('JOB')。值;
var Experience=document.getElementById('category')。值;
var companyname=document.getElementById('company').value;
var Exp=document.getElementById('experience')。值;
如果(作业==“”| |作业==“选项1”)
{
警报(“选择作业”);
document.getElementById('job').focus();
返回false;
//错误[errors.length]=“选择作业”;
}
否则如果(!ck_UserName.test(Empname)){
警报(“输入有效名称”);
document.getElementById('username').focus();
返回false;
//错误[errors.length]=“输入有效名称”;
}
否则,如果(!ck_Mobileno.test(Mobileno)){
警报(“输入一个10或11位的有效手机号码”);
document.getElementById('mobno').focus();
返回false;
//错误[errors.length]=“输入有效的mobileno”;
}
否则如果(!ck_Age.test(消息))
{
警惕(“输入年龄”);
document.getElementById('age').focus();
返回false;
}
否则如果(!ck_Emailid.test(Emailid)){
警报(“输入有效的电子邮件地址”);
document.getElementById('email').focus();
返回false;
//错误[errors.length]=“请输入有效的电子邮件地址。”;
}
else if(经验=='option2'| |经验==“”){
警报(“选择类别”);
document.getElementById('category').focus();
返回false;
//错误[errors.length]=“选择一个类别”;
}
否则如果(!ck_CompanyName.test(CompanyName)){
警报(“输入有效的公司名称”);
document.getElementById('company').focus();
返回false;
//错误[errors.length]=“请输入有效的电子邮件地址。”;
}
如果(!ck_Exp.test(Exp)){
提醒(“输入您的经验年数”);
document.getElementById('experience').focus();
返回false;
//错误[errors.length]=“输入有效的mobileno”;
}
}
我的表格如下:

<form method="POST" onSubmit="return validate(this);" id ="form" name="form">
<select id="job" name="job" style="width:200px;" >
<option  value="option1" />Please select one</option>
 <option  value="Internship Program" <?php if ($_POST['job'] == 'Internship Program') 
print 'selected '; ?>/>Internship Program</option>
<option  value="Expert Web Developers" <?php if ($_POST['job'] == 
'Expert Web   Developers')print 'selected '; ?>/>Expert Web Developers</option>
<option  value="Experienced PHP Developers"<?php if ($_POST['job'] == 'Experienced PHP Developers')print 'selected '; ?>/>Experienced PHP Developers</option>
  </select>
<input type="text" value="<?php echo $valid_Username; ?>" id="username" 
name="username"     style="width:200px;"/>

<input type="text" value="<?php echo $valid_Mobileno; ?>" id="mobno"  
name="mobno" style="width:200px;" />

<input type="text" value="<?php echo $valid_Age; ?>" id="age" 
name="age" style="width:200px;"/>

<input type="radio" name="sex" value="male" <?php if(isset($_POST['sex'])
&& $_POST['sex']=='male'){ echo 'checked';} ?>/>&nbsp; Male&nbsp;&nbsp;

<input type="radio" name="sex" value="female" <?php if(isset($_POST['sex'])
&& $_POST['sex']=='female'){ echo 'checked';} ?>/> &nbsp;Female&nbsp;

<input type="text" value="<?php echo $valid_Emailid; ?>"  id="email" 
name="email" style="width:200px;"/>

<select id="category" name="category" onChange="return toggle1();" style="width:200px;">
<option  value="option2"/>Please select one</option>
<option  value="Fresher" />Fresher</option>
<option  value="Experienced"/>Experienced</option>
</select>

<div id="option"></div>
<div id="Fresher">
</div>
<div id="Experienced1" style="display:none;">
<div  style="height:50px;">
<input type="text" id="company" name="company" value="<?php echo $valid_Company; ?>"/>
<input type="text" id="experience" name="experience" value="<?php echo $valid_Exp; ?>"/>
<input class="submitbutton" type="submit" class="button" value="submit" name="submit" />                        
</form>

请选择一个
/>网络开发专家
/>男性

您可以尝试使用HTML5属性:required 此属性强制用户选中至少一个复选框


希望这有帮助。

验证选择框值的代码是:-

function fun1()
{ 
if(document.f1.t4.selectedIndex==0)
{ 
document.f1.t4.focus(); //focus that select box
var para=document.getElementById('i');para.setAttribute("style","color:red;");
para.innerHTML="Try again" //display error message at label "i" position

}
else
document.getElementById('i').innerHTML=""; 

}
或者使用以下命令:-

 var ddl = document.getElementById('deg');
 if( ddl.options[ddl.selectedIndex].value == "-") flag = 1; //flag is a check variable with        initial value 0

重新格式化所有代码以减少制表符间距。