Вызов blockUI и unblockUI в сочетании с плагином валидатора jQuery - PullRequest
Новая
       13

Вызов blockUI и unblockUI в сочетании с плагином валидатора jQuery

1 голос
/ 27 февраля 2010

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

Мой код выглядит так: 

$("#credential").validate({
     rules: {
              EngId: {
                 required: true
                 }
             ClientAccount: {
                 required: true
                 }
              ...
        }

и я вызываю проверку несколькими кнопками (используя их функцию щелчка) в зависимости от выбора в форме, часто отключая некоторые из правил: 

$("#buttonname").click(function() {
   $("#fieldname").rules("remove");
   ...
   $("#credential").submit();
});

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

Я довольно новичок в Jquery и не могу найти примеров, которые мне удалось успешно реализовать. Я был бы признателен за любую помощь, которую кто-либо может оказать (пожалуйста, извините, если это было покрыто ранее).

1 Ответ

0 голосов
/ 09 марта 2010 
$(document).ready(function() {
    $('#form1').validate({
        rules: {
            fieldone: { required: true },
            fieldtwo: { required: true }
        },
        submitHandler: function(form) {
            $(form).block();
            form.submit();
        }
    });

    $('input:checkbox[name=toggleone]').click(function() {
        if ($(this).is(':checked')) {
            $('input[name=fieldone]').rules('add', { required: true });
        } else {
            $('input[name=fieldone]').rules('remove');
        }
    });

    $('#altsubmit').click(function() {
        $('input[name=fieldtwo]').rules('remove');
        $('#form1').submit();
    });
});

Я собрал страницу , чтобы продемонстрировать рабочую форму с правилами валидации, блокировки и динамического поведения.

...