Javascript 隐藏警报，直到欧芹出错

我已经使用欧芹验证制作了一个表单，并使用bootstrap将警报放在警报栏中

现在我希望警报条被隐藏，直到欧芹触发错误。我对欧芹的了解还不够，无法做到这一点。我们怎么能这样做

您可以在以下位置找到我的所有代码和一个示例：（尽管验证在JSFIDLE网站中似乎不起作用）：/

警告栏如下所示：

<div class="alert">
    <ul id="alert" style="list-style-type:none;">
         <li style="list-style-type:none;"></li> 
    </ul>
</div>

您必须在JS中声明欧芹表单，并覆盖默认的

onFormSubmit

侦听器。还可以使用css类隐藏alert div，然后在需要显示该类时将其删除

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

如果要向警报中添加更多特定消息，请查看

onFieldValidate

和

onFieldError

侦听器