JQuery проверить правило только на отправку

Question

Скажем, у меня есть форма, которая просматривает город, штат.если пользователь вводит неправильный город, штат, я хочу, чтобы форма могла проверять базу данных по данным, введенным пользователями, и проверять правильность ввода или нет.Если это не так, я хочу, чтобы пользователь получил подсказку.

Итак, форма Validate - это плагин для меня.

$("#form").validate({
    rules: {
       citystate: {
           required: true,
           myCustomAjaxSyncronousCheckAgainstDBRule: true
       }

    submitHandler: function(form) {
        if ($("#form").valid()) {
            form.submit();
        }
    }
});

Теперь скажем, что эту форму нужно использовать в 4 разных местах на моем сайте, так что было бы отстой, чтобы изменить рефакторинг myCustomAjaxSyncronousCheckAgainsDBRuleПоддельное имя, кстати) и иметь один и тот же код 4 раза по всему моему сайту.Вот почему я создал собственное правило в файле JS.Но есть ли способ, что правило МОЖЕТ быть проверено ТОЛЬКО во время отправки.Поскольку, если есть неверный пользовательский ввод, он будет проверять его при КАЖДОМ нажатии клавиши, что может быть довольно громоздким.Тем более, что у меня jQuery.ui.autocomplete работает недосказанность.

Answer 1

Все проверки могут быть установлены независимо (onclick, onkeypress, onsubmit и т. Д.)

Демонстрации и подробности доступны на сайте документации. http://docs.jquery.com/Plugins/Validation/validate

<code>
$("#form").validate({
   onkeyup: false,
   onclick: false
})

Answer 2

В качестве альтернативы более простым способом можно передать функцию в настройки onfocusout и onkeyup jquery.validator, чтобы решить, должен ли элемент проверяться в этих событиях или нет, как это:1003 *

jQuery.validator.defaults.onfocusout = function (element, event) {
    // detectect if is the element you dont want validate
    // the element has to have the attribute 'data-control="mycitycontrol"'
    // you can also identify your element as you please
    if ($(element).data("control") === "mycitycontrol") return;
    if (!this.checkable(element) && (element.name in this.submitted || !this.optional(element))) {
        this.element(element);
    }
}
jQuery.validator.defaults.onkeyup = function (element, event) {
    // detectect if is the element you dont want validate
    // the element has to have the attribute 'data-control="mycitycontrol"'
    // you can also identify your element as you please
    if ($(element).data("control") === "mycitycontrol") return;
    if (event.which === 9 && this.elementValue(element) === "") {
        return;
    } 
    else if (element.name in this.submitted || element === this.lastElement) {
        this.element(element);
    }
}

Answer 3

$.extend($("#form-id").validate().settings, { 
    onkeyup: false, 
    onfocusout: false 
});

Answer 4

Если вы пытаетесь заставить определенный метод проверки запускаться ТОЛЬКО по событию submit, в то же время позволяя другим методам проверки запускаться нормально (например, по событию onkeyup), то вы можете динамически добавить правило при срабатывании события submit , затем удалите его после выполнения проверки. Порядок привязок важен; держать их в порядке.

$('#form').bind('submit', function(event) {
    $('#citystate').rules('add', {myCustomAjaxSyncronousCheckAgainstDBRule: true});
    event.preventDefault();
});

$('#form').validate({
    rules: {
        citystate: { required: true }
    }
});

$('#form').bind('submit', function(event) {
    $('#citystate').rules('remove', 'myCustomAjaxSyncronousCheckAgainstDBRule');
    event.preventDefault();
});

Answer 5

Вот идея, которая может сработать: отдельно свяжите функцию keyup для вашего поля, на которой вы не хотите, чтобы событие keyup было проверено, и не имели пузыря:

$('#citystateID').bind('keyup',function(){
   return false; 
});

Я не мог 'Не могу понять, как связать определенные события валидатора (focusin и focusout), так что он будет по-прежнему запускать валидацию всякий раз, когда фокус покидает ваш ввод "citystate", но это ближе к тому, что вы хотели?

Я кратко проверил это здесь: http://jsfiddle.net/svUdp/, похоже, работал нормально (посмотрите на консоль, чтобы увидеть, что происходит - запускается много событий, но не так много проверок).

Answer 6

$("#form").validate({ onfocusout: false, onkeyup: false, onclick: false });