0

Plsは、jquery検証プラグインのRemember the Milkの例(http://jquery.bassistance.de/validate/demo/milk/#)でエラー/成功メッセージを入力フィールドに表示する方法を知っていますか? .

私のフォームは非常に小さな箱の中にあります。私はいくつかの調査を行い、サイトで使用されているスクリプトをいじりました。メッセージがフォーム ラベルのどこに追加されているかはわかりますが、エラー/成功メッセージを入力フィールドに表示するために必要な jquery メソッドがわかりません。また、私が私のものではしなかったミルクの使用表を覚えておいてください。私のフォームは、jquery 検証ページのデモとほとんど同じです。

jquery 検証プラグイン: http://docs.jquery.com/Plugins/Validation#demo

ありがとう。

4

1 に答える 1

0

その入力要素のほかに div または span を配置することができます。最初はdivが非表示になり、検証に従って表示または非表示にすると、divがエラーメッセージを表示します。

私はちょうど 1 つのサンプルを試しています..

html

<input type="text" name="email" id="email"/>
<div id="errorDiv" style="display:none">Error Message</div>
<div id="okDiv" style="dispaly:none">Ok</div>

脚本

$(document).ready(function(){
  $("#myForm").validate({
    rules: {
               email:{
                  required: function (element) {
                      if($(element).text()=="")
                      {
                          $('#errorDiv').show();
                          $('#okDiv').hide();
                      }
                      else
                      { 
                          $('#errorDiv').hide();
                          $('#okDiv').show();
                      } 
                  }
           }
  });
});

このようにしてみてください

于 2012-07-26T06:50:24.900 に答える