2016-04-22 5 views
1

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

В настоящее время, когда одна проверка правильна, кнопка активируется. (Даже в других областях есть красное сообщение об ошибке.)

<script>   
    $(document).ready(function() { 
        $('[data-toggle="tooltip"]').tooltip(); 
        $('#payment-form').formValidation({ 
         framework: 'bootstrap', 
         trigger: 'change', 
         fields: { 
         first_name: { 
          validators: { 
          notEmpty: { 
           message: 'The First Name field is required and cannot be empty' 
          } 
          // regexp: { 
          // regexp: /^[a-z\\s]+$/i, 
          // message: 'The first name field can consist of alphabetical characters and spaces only' 
          // } 
          } 
         }, 
         last_name: { 
          validators: { 
          notEmpty: { 
           message: 'The Last Name is required and cannot be empty' 
          } 
          // regexp: { 
          // regexp: /^[a-z\\s]+$/i, 
          // message: 'The Last name can consist of alphabetical characters and spaces only' 
          // } 
          } 
         }, 
    } 
         }); 


       }).on('success.form.fv', function (e) { 
        $('#continue_btn').attr('disabled','false'); 
        e.preventDefault(); 

        }); 
        var i = 0; 
        var l=0; 

        $('#zip_code').keydown(function() 
        { 

         var country_check = $('#country').val(); 
         if(country_check=='India') 
         { 
         $('#zip_code').attr('maxlength', '6'); 
         } 
         else 
         { 
         $('#zip_code').attr('maxlength', '10'); 
         } 

        }); 
</script> 

Как это сделать?

ответ

0

набор ниже свойств в formValidation, так как здесь вы можете увидеть в настройках формы: http://formvalidation.io/settings/

$('#data_form').formValidation({ 
... 
    button: { 
     selector: "#id_submit_btn", 
     disabled: "disabled" 
    } 
.... 
}); 
0

Вы можете использовать toggle на кнопку отправки.

$('button[data-toggle]').on('click', function() { 
    var $target = $($(this).attr('data-toggle')); 
    $target.toggle(); 
    if (!$target.is(':visible')) {       
     $('#payment-form').data('formValidation').disableSubmitButtons(false); 
    } 
}); 
+0

я думаю, что вопрос вокруг как отлавливать событие, если все поля являются действительными или если поле является недействительным –

+0

@JigarJoshi Да, но как проверить ввод раз после загрузки документа? Или до того, как событие отправки было инициировано. Это приведет к отключению кнопки после первой попытки отправки и будет отключено, пока не будет введен весь ввод. –

Смежные вопросы