0

クイズを通じてjquery.validate.jsを使用してページを検証し、完全に機能する次のスクリプトがあります。エラーメッセージと呼ばれるdivに配置される必須フィールドのエラーメッセージを探しています。jQuery validate は通常、「このフィールドは必須です」というメッセージを返します。

ここにスクリプトがあります

<script type="text/javascript">
var curPage=1;
function NextPage() {
    if (curPage < <?= $num; ?>) {
        var group = "#page_" + curPage.toString();
        var isValid =true;
         $(group).find(':input').each(function (i, item) {
              if (!$(item).valid())
                isValid = false;
            });

        if( !isValid){ alert("PLEASE MAKE A SELECTION"); }
        else{
            $("#page_" + curPage.toString()).hide(); //hide current page div
            curPage++;  //increment curpage
            $("#page_" + curPage.toString()).show(); //show new current page div
        }
    }
}
 function PrevPage() {

     if (curPage > 1) {
         $("#page_" + curPage.toString()).hide(); //show new current page div
         curPage--;  //increment curpage
         $("#page_" + curPage.toString()).show(); //hide current page div
     }
 }

 function InitializePage() {
     $(".wizardPage").hide();
     $("#page_" + curPage.toString()).show();


     $("#surveyForm").validate({onsubmit: false});

 }




 $(document).ready(InitializePage
    );
</script>
4

2 に答える 2

1

ここで説明されているように、エラー コンテナー要素を設定してみてください。

http://mitchlabrador.com/2010/11/05/how-to-change-the-way-jquery-validate-handles-error-messages/

于 2012-06-22T17:11:01.447 に答える
0

この行$("#surveyForm").validate({onsubmit: false});を切り替えます-次の行に切り替えます-

$("#surveyForm").validate({
    rules: {
    xyz: {
        required: true
    }
},
messages: {
    xyz: {
    required: $('div#errormessage').append("xyz is a required field!");
    }
}
}, onsubmit: false)

xyz満たされているかどうかを確認します。xyz is a required field!そうでない場合は、divwithに入れますid errormessage

ルールの詳細については、このページをご覧ください。「ルール」が表示されるまで下にスクロールします。

上記のコードでは、フィールドごとにルールを設定することで、エラー メッセージごとに異なる場所を指定できます。スパイダーの回答のブログ投稿には、より簡単な方法が含まれているため、このカスタマイズ性が必要ない場合は推奨されます。

于 2012-06-22T17:07:40.720 に答える