0

パセリ検証を使用してフォームを作成し、ブートストラップを使用してアラート バー内にアラートを配置しました。

パセリがエラーをトリガーするまで、アラート バーを非表示にします。私はこれを行うことができるほどパセリについて十分に知りません. どうすればこれを行うことができますか?

私のすべてのコードと例は、 http: //jsfiddle.net/7m7DR/2/にあります (ただし、jsfiddle Web サイトでは検証が機能していないようです):/ ??

アラート バーは次のようになります。

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

1 に答える 1

0

JS でパセリ フォームを宣言し、デフォルトのonFormSubmitリスナーをオーバーライドする必要があります。また、アラート div を css クラスで非表示にし、表示するときにクラスを削除します。

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

より具体的なメッセージをアラートに追加したい場合はonFieldValidate、onFieldErrorリスナーhttp://parsleyjs.org/documentation.html#javascriptをご覧ください。

于 2013-06-12T15:56:00.967 に答える