jquery 验证器 - addClassRules

发布于 2024-12-24 03:22:05 字数 928 浏览 1 评论 0原文

我正在尝试添加班级规则，但似乎无法正常工作。

提交表单时，它仅验证第一个文本框，而模糊第二个文本框，则会显示错误。

$.validator.addClassRules({
    contactvalues: {
        minlength: 10
    },
    email: {
        email: true
    }
});
$("#extracontacts").validate();

其中#extracontacts 是表单的 ID。

这是表单的 HTML（摘要）：

<form id="extracontacts" action="/toolbox/contact/manage/save" method="post">
    <input type="text" id="contacts_value_1" value="[email protected]" name="contacts_value[]" class="contactvalues email valid">
    <input type="text" id="contacts_value_2" value="testing" name="contacts_value[]" class="contactvalues email">           
</form>

另外，如果我在 document.ready() 之后编辑输入的类，我是否必须回忆 $("#extracontacts").validate(); ？

原文

I am trying to add class rules but doesn't seem to work correctly.

On submit of the form, it only validates the first textbox while onblur of the second textbox, the errors are shown.

$.validator.addClassRules({
    contactvalues: {
        minlength: 10
    },
    email: {
        email: true
    }
});
$("#extracontacts").validate();

where #extracontacts is the id of the FORM.

this is (a summary of) the HTML of the form:

<form id="extracontacts" action="/toolbox/contact/manage/save" method="post">
    <input type="text" id="contacts_value_1" value="[email protected]" name="contacts_value[]" class="contactvalues email valid">
    <input type="text" id="contacts_value_2" value="testing" name="contacts_value[]" class="contactvalues email">           
</form>

also, if I edit the classes of the inputs after document.ready(), do I have to recall $("#extracontacts").validate();?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

枯叶蝶 2024-12-31 03:22:05

尝试像这样进行验证

$(function(){
$("#extracontacts").validate({
 rules: {
    name: {
     required: true,
     minlength: 3,
     maxlength: 50,
 },     


messages: {
    name: {   
       required: "Your name is Required input",
       minlength: "The Postman demands at least {3} characters",
       maxlength: "Please, no more than {50} characters"
     }, 
 });
 });

Try doing your validation like this

$(function(){
$("#extracontacts").validate({
 rules: {
    name: {
     required: true,
     minlength: 3,
     maxlength: 50,
 },     


messages: {
    name: {   
       required: "Your name is Required input",
       minlength: "The Postman demands at least {3} characters",
       maxlength: "Please, no more than {50} characters"
     }, 
 });
 });

回复收藏 0 原文

孤君无依 2024-12-31 03:22:05

尝试这种方式，您还需要一个输入提交到您的表单（我的提交输入 ID 将只是“sumbit_form”）：

function InitValidations() {

    function setContactsRules() {

        $('#contacts_value_1').rules('add', {
            required: true,
            email: true,
            messages: {
                required: 'please type your email',
                email: 'please type a valid email'
            }
        });

        $('#contacts_value_2').rules('add', {
            required: true,
            messages: {
                required: 'please type something'
            }
        });

    $('#submit_form').click(function (event) {

        var isValid = $("#extracontacts").validate();

        setContactsRules();

        if (!isValid) {
            event.preventDefault();
        }

    });

}

$(document).ready(function () {

    InitValidations();

});

希望它有帮助。问候。

Try this way, you also need an input submit to your form (my submit input ID will be just "sumbit_form"):

function InitValidations() {

    function setContactsRules() {

        $('#contacts_value_1').rules('add', {
            required: true,
            email: true,
            messages: {
                required: 'please type your email',
                email: 'please type a valid email'
            }
        });

        $('#contacts_value_2').rules('add', {
            required: true,
            messages: {
                required: 'please type something'
            }
        });

    $('#submit_form').click(function (event) {

        var isValid = $("#extracontacts").validate();

        setContactsRules();

        if (!isValid) {
            event.preventDefault();
        }

    });

}

$(document).ready(function () {

    InitValidations();

});

Hope it helps. Regards.

回复收藏 0 原文

~没有更多了~