Question

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

  <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”输入字段添加验证，只有在选中“其他”复选框时才会验证任何人都可以指导我。提前谢谢。

Answer 1

Parsley依赖于jQuery（＆gt; = 1.6），在包括Parsley之前需要调用它。

然后，你可以使用parsley.js unminified文件或parsley.min.js缩小文件。这些文件和其他版本（Remote，Extras ..）可在此处获得。

最后，将data-parsley-validate添加到您想要验证的每个。

这看起来很像这样：

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

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

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

Answer 2

我不认为Parsley.js提供开箱即用的功能。相反，您可以通过注册onchange事件监听器来自定义它：

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

注意：这假定小写ID名称（即＆＃39;其他输入＆＃39;而不是＆＃39;其他输入＆＃39;）。

我还没有经过测试，但这样的事情应该在理论上有效。

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

2 个答案: