2016-07-23 70 views
0

任何想法为什么我的提交按钮隐藏不管什么(消息成功发送或未发送)。为什么我的提交按钮隐藏,即使邮件没有发送?

当消息不被发送,我可以看到#error_message出现(这是正常的),但我想提交按钮仍然可见(允许用户给出其他试)

由于

$(document).ready(function() { 

     $('#contact_form').bootstrapValidator({ 
      feedbackIcons: { 
       valid: 'fa fa-check', 
       invalid: 'fa fa-times', 
       validating: 'fa fa-refresh' 
      }, 
      fields: { 
       first_name: { 
        validators: { 
          stringLength: { 
          min: 2, 
         }, 
          notEmpty: { 
          message: 'Veuillez indiquer votre prénom' 
         } 
        } 
       }, 
       last_name: { 
        validators: { 
         stringLength: { 
          min: 2, 
         }, 
         notEmpty: { 
          message: 'Veuillez indiquer votre nom' 
         } 
        } 
       }, 
       email: { 
        validators: { 
         notEmpty: { 
          message: 'Veuillez indiquer votre adresse e-mail' 
         }, 
         regexp: { 
         regexp: '^[^@\\s][email protected]([^@\\s]+\\.)+[^@\\s]+$', 
         message: 'Veuillez indiquer une adresse e-mail valide' 
           } 
        } 
       }, 
       message: { 
        validators: { 
          stringLength: { 
          min: 10, 
          max: 1000, 
          message:'Votre message doit faire plus de 10 caractères et moins de 1000.' 
         }, 
         notEmpty: { 
          message: 'Veuillez indiquer votre message' 
         } 
         } 
        } 
       }}).on('success.form.bv', function (e) { 
       e.preventDefault(); 
       $('button[name="submit"]').hide(); 

       var bv = $(this).data('bootstrapValidator'); 
       // Use Ajax to submit form data 
       $.post($(this).attr('action'), $(this).serialize(), function (result) { 
        if (result.status == 1) { 
         $('#success_message').slideDown({ 
          opacity: "show" 
         }, "slow") 
         $('#contact_form').data('bootstrapValidator').resetForm(); 
        } else { 
         $('#error_message').slideDown({ 
          opacity: "show" 
         }, "slow")    } 
       }, 'json'); 
      } 
      ); 

    }); 
+0

您在发送前隐藏它。您可以在那里禁用按钮并在成功时隐藏它,或者在错误时再次启用它,这必须位于回调函数中。 – maraca

回答

0

你是隐藏它,你按提交$('button[name="submit"]').hide();

你可以再次显示按钮时出现错误occures