我正在使用香菜验证来验证注册表。我的问题是我有一个输入,只有当用户选中一个复选框时才会启用。那么,如何仅在选中复选框时使欧芹验证该输入?
<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”输入字段的验证,只有在选中“其他”复选框时才会验证。提前致谢。
我认为Parsley.js不能立即提供此功能。相反,您可以通过注册一个onchange事件侦听器来自定义它,如下所示:
$('input#others').change(function() {
if (this.checked) {
$('#otherinput').attr('disabled', 'false');
} else {
$('#otherinput').attr('disabled', 'true');
}
});
注意:这里假设使用小写的ID名称(即“ otherinput”而不是“ Otherinput”)。
我还没有测试过,但是从理论上讲这样的事情应该起作用。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句