onsubmit d'actualisation de formulaire html

Je suis en train d'utiliser Javascript pour soumettre les données du formulaire. Voici le code html.

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

Voici le Javascript pour la post() fonction.

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

Mon problème est que le Javascript s'exécute, mais le formulaire de processus et de rafraîchissement de la page..

J'ai mis le return false; code en espérant qu'il mettrait un terme à la forme de rafraîchissant.

OriginalL'auteur Frank | 2012-02-07

14

Vous devrez mettre le return false partie après le post() fonction dans le onsubmit gestionnaire, comme suit:
```
<form onsubmit="post();return false;">
//input fields here
</form>
```
Je ne l'ai essayer et ça ne fonctionne pas! Mais ça fonctionne maintenant, merci quand même!
Bizarre que cela ne marchait pas avant. Pourrait être une erreur de syntaxe la première fois autour. Content que ça fonctionne maintenant, même si, heureux de vous aider!
<form onsubmit="return post();"> est encore mieux, voir ma réponse.

OriginalL'auteur D. Strout

Garder votre js de la DOM.

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

JQuery:

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

OriginalL'auteur AlienWebguy

2

Vous devez réellement return false à partir de votre inline dom-0 handler. Ainsi le changement
```
onsubmit = "post();">
```
à
```
onsubmit = "return post();">
```
Ou vous pourriez donner à votre forme d'un identifiant et ce faire:
```
<form id="form1" onsubmit = "post();">
```
Puis à partir d'un endroit sûr où votre dom est prêt:
```
document.getElementById("form1").onsubmit = post;
```
OriginalL'auteur Adam Rackis
2

Depuis que vous avez ajouté le jQuery tag, c'est le meilleur moyen pour ce faire:

discrète événement joindre
```
$('form').submit(function(){
        alert('the form was submitted');
        return false;
    });
```
Dans votre de la façon dont il devrait être;
```
<form onsubmit="return post();">
```
OriginalL'auteur gdoron

Depuis ce post est taggés avec jQuery, je vais vous proposer la solution suivante:

$('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')
});

Si vous choisissez d'utiliser serializeArray(), l'affecter à une variable et à exécuter Pointy Tableau -> la fonction de l'Objet ici avant de l'envoyer au serveur.

OriginalL'auteur Jordan Arseno

Vous devez vous connecter pour publier un commentaire.