Question

我使用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>

Answer 1

您必须在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

隐藏警报，直到欧芹出错

1 个答案: