3

jQueryplugin フォーム検証を使用していますが、うまく機能しますが、各フォーム要素の右側にエラー メッセージが表示されます。実際には、各フォーム要素のエラー メッセージを、カスタマイズした特定の div に入れたいと思っています。

例えば：

これが私の検証rules.jsです

$("#form").validate({

    errorElement: "span", 


    //set the rules for the fields
    rules: {

        name: {
            required: true,
            minlength: 5,
            maxlength:25

        },
        phone:{
            required: true,
            number: true,
            minlength:10,
            maxlength:11
        },
        email: {
            required: true,
            email: true
        },
        pswd: {
            required: true,
            minlength: 5,
            maxlength:15
        },
        pswd1: { 
            required :true,
            equalTo: "#pswd"
        }


    },
    //set messages to appear inline
    messages: {

        name: {
            required: "Name is required.."
        },

        pswd: {
            required: "Please provide a password.",
            minlength: "Your password must be at least 5 characters long",
            maxlength: "Password can not be more than 15 characters"
        },
        pswd1:{
            required: "Please re-Enter password.",
            equalTo:"password not matching"
        },
        phone:{
            required: "Please Enter phone no..",
            number:"Not a valid phone number ",
            minlength: "Not a valid phone number",
            maxlength: "Phone No. cannot be more than 11 digit"
        },
        email: "Valid email is required.",

    },

    errorPlacement: function(error, element) {               
        error.appendTo(element.parent());     
    }

});

誰かがあなたがそれをどのように行うかを教えていただければ、それは大歓迎です。

4

1 に答える 1

0

これはうまくいくはずです

jQuery.validator.setDefaults({
  errorPlacement: function(error, element) {
    error.appendTo('#div_id');
  }
});
于 2013-01-23T06:47:03.010 に答える