2016-07-23 2 views
0

Irgendeine Idee, warum mein Absendenknopf sich versteckt, egal was (Nachricht erfolgreich gesendet oder nicht gesendet).Warum versteckt sich meine Submit-Schaltfläche, auch wenn die Nachricht nicht gesendet wird?

Wenn die Botschaft, die ich die #error_message sehen kann gesendet nicht bekommen erscheinen (was normal ist), aber ich würde die Submit-Button noch sichtbar zu sein (damit Benutzer einen anderen Versuch geben) wie

dank

$(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

Sie verstecken es vor dem Senden. Sie könnten die Schaltfläche dort deaktivieren und bei Erfolg ausblenden oder bei einem Fehler erneut aktivieren, dies muss in der Callback-Funktion sein. – maraca

Antwort

0

Sie verstecken es, nachdem Sie $('button[name="submit"]').hide();

Sie senden drücken Sie die Taste erneut zeigen könnte, wenn ein Fehler

occures
Verwandte Themen