Javascript 满足条件时使用欧芹验证表单

我正在使用欧芹验证来验证注册表。我的问题是，我有一个只在用户选中复选框时启用的输入。那么，如何让欧芹只在选中复选框时验证输入

  <form name="form1"  method="POST" data-validate="parsley">

你是怎么听说我们的

      <ul class="checklist">
        <li>
          <input name="Internet" id="Internet" value="Internet"  data-mincheck="1" data-group="mygroupp" type="checkbox">
          <label>Internet</label>
        </li>
        <li>
          <input name="Newspaper" id="Newspaper" value="Newspaper" type="checkbox" data-mincheck="1" data-group="mygroupp">
          <label>Newspaper</label>
        </li> <li>
          <input name="Others" id="Others" class="input_control" value="Others" type="checkbox"/ data-mincheck="1" data-group="mygroupp" onClick="enable_text(this.checked)">
          <label>Others, Please Specify:</label>
        </li>
      </ul>
      <p>
        <input type="text" name="Otherinput" id="Otherinput" class="quter-width align-right margin_top_5"  data-required="true"  disabled="disabled" >
      </p>

互联网


报纸

其他，请具体说明：

复选框的验证工作正常，但我想为“otherinput”输入字段添加验证，该字段只有在选中“Others”复选框时才会被验证 谁能给我指路吗。 提前感谢。

欧芹依赖于jQuery（>=1.6），在包含欧芹之前需要调用jQuery

然后，您可以使用parsley.js未统一文件或parsley.min.js缩小文件。这些文件和其他版本（远程、附加..）可在此处找到

最后，将数据parsley validate添加到每个要验证的数据中

看起来很像这样：

<script src="jquery.js"></script>
<script src="parsley.min.js"></script>

<form data-parsley-validate>
...
</form>

...

---

它有一个isValid（）方法，如果验证成功，它将返回true，因此您可以检查表单是否包含有效数据。

我认为Parsley.js并没有提供这种现成的功能。相反，您可以通过注册onchange事件侦听器来自定义编写它，如下所示：

$('input#others').change(function() {
  if (this.checked) {
    $('#otherinput').attr('disabled', 'false');
  } else {
    $('#otherinput').attr('disabled', 'true');
  }
});

注意：这采用小写ID名称（即“otherinput”而不是“otherinput”）

---

我还没有测试过，但从理论上讲，这样的测试应该是可行的。

你首先需要证明自己的努力。在某种程度上，这就像街头乞丐，你的牌子上写着“给我”。你需要一些更华而不实的东西-至少“上帝保佑…请给我帮助”张贴你的代码，你已经尝试到现在。这也会帮助你学习。