我使用Parsley验证制作了一个表单,并使用bootstrap将警报放在警报栏中。
现在我希望隐藏警报栏,直到parsley触发错误。我不太了解欧芹能做到这一点。我们怎么能这样做?
您可以在http://jsfiddle.net/7m7DR/2/找到我的所有代码和示例(虽然验证似乎在jsfiddle网站上没有工作):/ ??
警报栏如下所示:
<div class="alert">
<ul id="alert" style="list-style-type:none;">
<li style="list-style-type:none;"></li>
</ul>
</div>
答案 0 :(得分:0)
您必须在JS中声明您的欧芹表单并覆盖默认的onFormSubmit
侦听器。还要使用css类隐藏警报div,然后在要显示它时删除该类。
$(function () {
$('#someForm').parsley({
listeners : {
onFormSubmit : function (isFormValid, event) {
if(!isFormValid) {
//display your error div
}
}
}
});
});
如果您想在警报中添加更具体的消息,请查看onFieldValidate
和onFieldError
听众http://parsleyjs.org/documentation.html#javascript