JQueryの入力フィールド検証

私はjqueryでフォームの1つの入力フィールドを検証する関数を書いた。私のフォームにはさらに2つのテキストフィールドがあります。私は彼らに追加​​のルールを追加する方法がわからない。これは私がこれまでに試したことです。

$(document).ready(function() {
$(document).ready(function() {
jQuery.validator.addMethod("url_validation", function (value, element) {
return this.optional(element) || /^(([http|https|HTTPS|HTTP]+:\/\/))?(([\d\w]|%[a-fA-f\d]{2,2})+(:([\d\w]|%[a-fA-f\d]{2,2})+)[email protected])?([\d\w][-\d\w]{0,253}[\d\w]\.)+[\w]{2,4}(:[\d]+)?(\/([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)*(\?(&?([-+_~.\d\w]|%[a-fA-f\d]{2,2})=?)*)?(#([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)?$/i.test(value);
}, "error");

$('#myform').validate({
    /** this section is working */
    rules: {
        text_name: {
            required: true,
            url_validation: true,
            maxlength: 2000
        }
    },
    messages: {
        text_name: {
            required: "Please specify a URL",
            url_validation: "The domain you have entered is not a valid domain or sub domain name. Please try again.",
            maxlength: "You have exceeded the maximum length"
        }
    }
    /**********************************************************/
    /*this is where i tried to add other rules to two of my other textboxes*/
    rules: {
        text_name2: {
            required: true,
            url_validation: true,
            maxlength: 2000
        }
    },
    messages: {
        text_name2: {
            required: "Please specify a URL",
            url_validation: "The domain you have entered is not a valid domain or sub domain name. Please try again.",
            maxlength: "You have exceeded the maximum length"
        }
    }
    /*above thing is not working*/

});

私のHTMLには、私が検証する必要がある他の2つのテキストボックスがあります。どのようにこのタスクを実行するには?

1

1 答え

validateプラグインは rules messages をパラメータとして持つoptionsオブジェクトをとります。それらを埋めるが、ルール messages オブジェクトを二重に指定しないでください。

そのはず:

$('#myform').validate({
    rules: {
        text_name: {
           ...
        },
        text_name2: {
           ...
        }
    },
    messages: {
        text_name: {
           ...
        },
        text_name2: {
           ...
        }
    }
});
2
追加された