Javascript验证(gen_validatorv4.js)-基于复选框结果
Javascript Validation (gen_validatorv4.js ) - based on checkbox results
我创建了一个订单,如下所示,其中包含多个用于添加项目的复选框,现在我想在只有用户点击相关复选框时对禁用的项目进行验证,请帮助我更正以下代码。
<script language="JavaScript">
function check_box2(status)
{
status=!status;
document.orderform.item2.disabled = status;
document.orderform.qty2.disabled = status;
}
function check_box3(status)
{
status=!status;
document.orderform.item3.disabled = status;
document.orderform.qty3.disabled = status;
}
function check_box4(status)
{
status=!status;
document.orderform.item4.disabled = status;
document.orderform.qty4.disabled = status;
}
</script>
<script language="JavaScript" src="gen_validatorv4.js" type="text/javascript" ></script>
<body onload="check_box2(status); check_box3(status); check_box4(status);">
<form action="order.php" method="POST" name="orderform" id="orderform" onSubmit="return validation();">
<table>
<tr><td valign="top"> <p>Order Item 1 :</p> </td><td> <select id="item1" name="item1">
<option value="0" selected="selected"><p> [Select] </p></option>
<option value="1"> <p> Product 1 </p></option>
<option value="2"> <p> Product 2 </p> </option>
<option value="3"> <p> Product 3 </p> </option>
</select> </td>
<td valign="top"><p>Quantity :</p></td><td><input style="width:30px;" name="qty1" type="text"></td> </tr>
<tr><td valign="middle"><input type="checkbox" name="check2" onclick="check_box2(this.checked)" >Add Item 2 : </td><td> <select id="item2" name="item2">
<option value="0" selected="selected"><p> [Select] </p></option>
<option value="1"> <p> Product 1 </p></option>
<option value="2"> <p> Product 2 </p> </option>
<option value="3"> <p> Product 3 </p> </option>
</select> </td>
<td valign="top"><p>Quantity :</p></td><td><input style="width:30px;" name="qty2" type="text"></td> </tr>
<tr><td valign="middle"> <input type="checkbox" name="check3" onclick="check_box3(this.checked)" >Add Item 3 : </td><td> <select id="item3">
<option value="0" selected="selected"><p> [Select] </p></option>
<option value="1"> <p> Product 1 </p></option>
<option value="2"> <p> Product 2 </p> </option>
<option value="3"> <p> Product 3 </p> </option>
</select> </td>
<td valign="top"><p>Quantity :</p></td><td><input style="width:30px;" name="qty3" type="text"></td> </tr>
<tr><td valign="middle"> <input type="checkbox" name="check4" onclick="check_box4(this.checked)" >Add Item 4 : </td><td> <select id="item4">
<option value="0" selected="selected"><p> [Select] </p></option>
<option value="1"> <p> Product 1 </p></option>
<option value="2"> <p> Product 2 </p> </option>
</select> </td>
<td valign="top"><p>Quantity :</p></td><td><input style="width:30px;" name="qty4" type="text"></td> </tr>
</table>
<div><input name="submit" type="submit" value="Send"> </div>
</form>
<script type="text/javascript">
var frmvalidator = new Validator("orderform");
frmvalidator.addValidation("item1","dontselect=0", "Please select an item");
frmvalidator.addValidation("qty1","req","Please enter your quantity");
if (document.orderform.item2.checked==true)
{
frmvalidator.addValidation("item2","dontselect=0", "Please select an item2");
frmvalidator.addValidation("qty2","req","Please enter your quantity");
}
</script>
</body>
您只需添加一些条件:
if(document.getElementById('checkbox123').checked == true) {
// validate code here
}
你也可以这样做:
if(document.orderform.checkbox123.checked == true) {
// validate code here
}
能够使用包含在gen_validatorv4.js脚本中的VWZ_IsChecked()函数进行验证
frmvalidator.addValidation("item2","dontselect=0", "Please select an item2",
"VWZ_IsChecked(document.forms['orderform'].elements['check2'],'check2')");
frmvalidator.addValidation("qty2","req","Please enter your quantity for item 2",
"VWZ_IsChecked(document.forms['orderform'].elements['check2'],'check2')");
相关文章:
- Javascript验证(gen_validatorv4.js)-基于复选框结果
- 在数据库(JSP PAGE)中获取多个复选框结果
- 如何根据角度中的复选框选择过滤结果
- 使用复选框筛选结果
- 复选框筛选结果
- 在PHP结果中添加复选框,并在一段时间后使用java逐个打开它们
- Javascript错误,根据其他复选框的结果更新复选框/按钮
- 标签标签中的复选框:Chrome和Firefox中的不同结果
- Javascript - 从表单中获取复选框值并获取随机结果
- 如何在带有复选框按钮的 HTML 弹出窗口中显示结果
- 如何将复选框的值传递给 MVC5 中的操作结果
- 如何查找选中的复选框并将其传递给 MVC 中的操作结果
- 结果是检查多个复选框值并更新表数据
- Javascript:创建循环以连接选中复选框的结果
- 循环检查选中的复选框,然后显示结果
- 如果选中复选框,则将结果过滤到前5个最高标记
- Postgre使用Ajax函数在带有复选框的数据库中进行多记录删除查询,不会返回任何结果;不起作用
- 用于生成SQL结果的复选框选项
- 如何排除jQuery复选框结果
- 如何存储javascript复选框结果在php mysql