<form name="add_employee_frm" id="add_employee_frm" method="post" onsubmit="return validator();" enctype="multipart/form-data">
<select name='org_id'>
<option value="1">ABC</option>
<option value="2">XYZ</option>
</select>
//other inputs fields
</form>
以上是带有onsubmit功能的html表单。我的条件是如果值不是1
那么只有validator
函数应该工作。如果值是1
那么验证器函数应该不起作用。为此我应用了一个脚本但是每次进入其他条件。
<script type="text/javascript">
function validator()
{
var x = document.forms["add_employee_frm"]["employee_number"].value;
if (x == "")
{
alert("Name must be filled out");
return false;
}
}
</script>
<script type="text/javascript">
$(document).ready(function()
{
var s = document.getElementsByName('org_id')[0];
s.addEventListener("change", changeOrg);
function changeOrg()
{
var frmvalidator = "";
var value = s.options[s.selectedIndex].value;
console.log(value);
if(value === 1)
{
return false;
}
else if(value !== 1)
{
var frmvalidator = new Validator();
}
}
changeOrg();
});
</script>
chaneOrg
函数用于获取org_id onchange下拉列表。然后validator
函数用于验证表单。