Seite erfrischend auf Senden Schaltfläche, muss es Formular ausblenden

Question

Ich dachte, dies wäre der beste Ort, um diese Frage zu stellen. Also ich bin gerade dabei, eine Website zu entwickeln. Ich bin gerade auf ein paar Probleme gestoßen. Immer wenn ich in einem Eingabefeld auf "Senden" klicke, wird das Formular nicht aktualisiert, sondern angezeigt. Das ist seltsam, denn wenn ich die Seite lokal und nicht auf meinem Server durchsuche, funktioniert alles so, wie ich es auch brauche. Ich werde weitermachen und meinen Code posten, in der Hoffnung, dass jemand mein Problem kennt. Vielen Dank im Voraus! Hier

ist die Taste:

<form id="firstForm"> 
      <div class="form-group form-group-lg"> 
       <label for="InputUsername">Username</label> 
       <input type="text" class="form-control" name="InputUsername" id="InputUsername" 
         placeholder="Username"> 
     </div> 
      <button type="submit" class="btn btn-default btn-lg btn-block">Connect</button> 
    </form> 

Hier ist die JQuery:

$("#firstForm").validate({ rules: { InputUsername: { required: true, minlength: 1 } }, messages: { InputUsername: "Enter a valid username/email" }, submitHandler: function (form) { $(\'#firstForm\').fadeOut(function() { $(\'#secondForm\').fadeIn().removeClass(\'hidden\'); 

Answer 1

Es ist nicht seltsam. ein Typ submit<button> eine Form Aktion auslösen - es sei denn, Sie in Ihren Code ein Event.preventDefault()

oder wenn Sie genau angeben, angeben, dass es sich um eine Typ Taste<button type="button">Connect</button> als das Formular nicht einreichen, und Sie können mit Ihrem weitermachen .validate( JS-Skript.

Answer 2

Alles, was Sie tun müssen, ist eine event.preventDefault() oder return false in der Schaltfläche Aktion verwenden, die Sie schreiben, da die Schaltfläche zum Senden die Formularaktion andernfalls auslösen wird.

$("#firstForm").submit(function(event) { 

    event.preventDefault(); 

    //Some action code here 

}); 

Answer 3

Verwenden prevent nicht die Reload-Aktion auslösen:

$("#firstForm").submit(function(e) { 
    e.preventDefault(); 
}).validate({...});