如何基于选择框值进行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';} ?>/> Male
<input type="radio" name="sex" value="female" <?php if(isset($_POST['sex'])
&& $_POST['sex']=='female'){ echo 'checked';} ?>/> Female
<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
重新格式化所有代码以减少制表符间距。