検証に失敗したときにボタンを無効にする

Question

私は1つの送信ボタンがあるフォームを持っています すべての検証が真になるまで送信ボタンを無効にしたいと思います。

現在、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> 

これをどのように行うには？

Answer 1

はこことして、フォームの設定で見ることができ、formValidationのプロパティの下に設定します。http://formvalidation.io/settings/

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

Answer 2

あなたが送信ボタン上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); 
    } 
});