"onsubmit" refresh html-Formular

Ich versuche, Javascript zu verwenden, um das Formular abschicken der Daten. Hier die html-Ausgabe.

<form onsubmit="post();">
//input fields here
</form>

Hier ist das Javascript für die post() Funktion.

var post = function() {
alert('the form was submitted');
return false;
}

Mein Problem ist, dass das Javascript ausgeführt wird, aber die form noch Prozesse und die Seite aktualisiert..

Ich die return false; code in der Hoffnung es würde aufhören, die form von erfrischend.

InformationsquelleAutor Frank | 2012-02-07
  1. 15

    Sie haben, um die Rückkehr falsche Teil, nach der post () - Funktion im onsubmit-handler, etwa so:

    <form onsubmit="post();return false;">
//input fields here
</form>
    • Ich habe versucht und es hat nicht funktioniert! Aber es funktioniert jetzt, trotzdem danke!
    • Komisch, dass es nicht funktioniert vor. Könnte einige syntax Fehler das erste mal um. Froh, dass es jetzt funktioniert, obwohl, glücklich zu helfen!
    • <form onsubmit="return post();"> ist sogar noch besser, siehe meine Antwort.
    InformationsquelleAutor D. Strout
  2. 6

    Halten Sie Ihre js aus der DOM. 

    <form id="myform" action="somepage.php" method="post">
//input fields
</form>

    JQuery:

    $('#myform').submit(function(event){
    alert('submitted');
    event.preventDefault();
});
    InformationsquelleAutor AlienWebguy
  3. 2

    Müssen Sie tatsächlich false zurück von Ihrem inline-dom-0-handler. So ändern

    onsubmit = "post();">

    zu

    onsubmit = "return post();">

    Oder Sie können geben Sie Ihrem Formular eine id und dies tun:

    <form id="form1" onsubmit = "post();">

    Dann von einem sicheren Ort, in dem Ihr dom ist fertig:

    document.getElementById("form1").onsubmit = post;
    InformationsquelleAutor Adam Rackis
  4. 2

    Da Sie die jQuery tag, das es der beste Weg, dies zu tun:

    unauffällig Ereignis anfügen 

    $('form').submit(function(){
        alert('the form was submitted');
        return false;
    });

    In Ihr ist, wie es sein sollte;

    <form onsubmit="return post();">
    InformationsquelleAutor gdoron
  5. 1

    Seit diesem post tagged with jQuery, ich biete folgende Lösung an:

    $('form').submit(function(e){
  //prevent the form from actually submitting.
  e.preventDefault();
  //specify the url you want to post to.
  //optionally, you could grab the url using $(this).attr('href');
  var url = "http://mysite.com/sendPostVarsHere";
  //construct an object to send to the server
  //optionally, you could grab the input values of the form using $(this).serializeArray()
  var postvars = {};
  //call jquery post with callback function
  $.post(url, postvars, function(response){
    //do something with the response
    console.log(response);
  }, 'json')
});
    InformationsquelleAutor Jordan Arseno
Schreibe einen Kommentar