Javascript验证（gen_Validator v4.js）-基于复选框结果_Javascript_Php_Validation_Dom Events

Javascript验证（gen_Validator v4.js）-基于复选框结果

javascript php validation

Javascript验证（gen_Validator v4.js）-基于复选框结果,javascript,php,validation,dom-events,Javascript,Php,Validation,Dom Events,我创建了一个订单，如下所示，其中包含多个用于添加项目的复选框，现在我想在只有用户单击相关复选框时对禁用的项目进行验证，请帮助我更正以下代码 <script language="JavaScript"> function check_box2(status) { status=!status; document.orderform.item2.disabled = status; document.orderform.qty2.disabled = status; } function

我创建了一个订单，如下所示，其中包含多个用于添加项目的复选框，现在我想在只有用户单击相关复选框时对禁用的项目进行验证，请帮助我更正以下代码

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


功能检查第2框（状态）
{
状态=！状态；
document.orderform.item2.disabled=状态；
document.orderform.qty2.disabled=状态；
}
功能检查\u框3（状态）
{
状态=！状态；
document.orderform.item3.disabled=状态；
document.orderform.qty3.disabled=状态；
}
功能检查第4框（状态）
{
状态=！状态；
document.orderform.item4.disabled=状态；
document.orderform.qty4.disabled=状态；
}
订单项目1:
[选择]
产品1
产品2
产品3
数量：
增加项目2：
[选择]
产品1
产品2
产品3
数量：
增加项目3：
[选择]
产品1
产品2
产品3
数量：
增加项目4：
[选择]
产品1
产品2
数量：
var frmvalidator=新验证器（“订单”）；
frmvalidator.addValidation（“item1”、“dontselect=0”、“请选择一项”）；
frmvalidator.addValidation（“qty1”、“req”、“请输入您的数量”）；
if（document.orderform.item2.checked==true）
{
frmvalidator.addValidation（“item2”、“dontselect=0”、“请选择一个item2”）；
frmvalidator.addValidation（“qty2”、“req”、“请输入您的数量”）；
}

您只需添加一些条件：

if(document.getElementById('checkbox123').checked == true) {
  // validate code here
}

您也可以这样做：

if(document.orderform.checkbox123.checked == true) {
  // validate code here
}

能够使用gen_validator v4.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')");

谢谢你的回复，我试过了，如果（document.orderform.checkbox123.checked==true）{}你可以在我的代码中看到，但是它对我不起作用，你是否使用Firebug或类似的东西来查看控制台错误？如果不了解这一点，它在开发JavaScript时会有所帮助。在将代码添加到站点之前，您甚至可以在其中执行整个代码并执行测试。我开发了一个巨大的室内地图覆盖，如果没有控制台，我将无法做到这一点。不，我没有使用Firebug，我会检查它，非常感谢您的回复