0

フィールドの横にアスタリスクが表示され、検証時にフォームの下部に特定のメッセージが同時に表示されるようにします。

現在、次の 2 つのバージョンがあります。

1) フィールド タイトルの後に表示されるアスタリスクに対して機能します。

2)「姓を記入してください」を作るための作品。

しかし、どうすればこれらを同時に機能させることができますか? 現在、ファイルに両方を同時に持っている場合、もう一方の上にあるものだけが機能します。

1) フィールド ラベル バージョンの隣に追加 

$(document).ready(function() {

    // validate signup form on keyup and submit
    $("#newform").validate({



    errorPlacement: function(error, element) {
        error.appendTo('#title-' + element.attr('id'));
    },    

        rules: {
            lastname: {
                required: true, 
                minlength: 2            
            }
        },

        messages: {
            lastname: {
                required: "*",
                minlength: "*"
            }
        }
    });
});
</script>

2) メッセージボックスバージョン 

$(document).ready(function() {

    // validate signup form on keyup and submit
    $("#newform").validate({

    errorLabelContainer: "#messageBox",
   wrapper: "li",
   submitHandler: function() { alert("Submitted!") 
   },    

        rules: {
            lastname: {
                required: true, 
                minlength: 2            
            }
        },

        messages: {
            lastname: {
                required: "please fill in last name",
                minlength: "please fix the last name"
            }
        }
    });
});
</script>

ありがとう

4

1 に答える 1

0

その答えは、ページ上で認識される検証は 1 つだけであるというものでした。jQuery の Validate プラグインには、実装しようとしていたアスタリスク メソッドを置き換えることができるハイライト オプションがあります。

一方、errorLabelContainer は、フォームの下部のスペースにあるメッセージを取得できます。

これらのオプションは両方とも、互いに干渉することなく 1 つの Validate() に入れることができます。

于 2013-05-17T00:13:27.950 に答える