javascript - 隐藏警报，直到欧芹出错

Question

我使用 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 中声明你的 parsley 表单并覆盖默认的onFormSubmitListener。还可以使用 css 类隐藏警报 div，然后在要显示时删除该类。

$(function () {
   $('#someForm').parsley({
      listeners : {
        onFormSubmit : function (isFormValid, event) {
          if(!isFormValid) {
            //display your error div
          }
        }
      }
   });
});

如果您想向警报添加更具体的消息，请查看onFieldValidate和onFieldError侦听器http://parsleyjs.org/documentation.html#javascript