jQuery changement classe élément sur le formulaire soumettre

Question

J'ai Woking pendant un certain temps et juste nulle part. Alors aide s'il vous plaît, je suis sûr que la chose simple.

J'ai une forme, en utilisant PHP et JQuery. Lorsque vous soumettez le formulaire Je voudrais pour un en-tête Merci à l'affichage> son moment caché. La forme ne peut être soumis à la validation réussie -. J'utilise validateur

La chose importante est ici pour moi de savoir comment changer des cours sur soumettre succesful. Donc, élément qui sont display: none dans mon CSS peut être révélée

.

Votre aide est appréciée:)

Answer 1

Sans vérifier si le soumettre réussit, vous pouvez le faire ...

$('#form').submit(function() {

  $('#ele').removeClass('whatever').addClass('whatever');

});

Vous seriez mieux d'utiliser ajax() ou get()

Voici un exemple de ajax():

$.ajax({
  url: "theDestinationFile.php", //the file you are posting to
  dataType: 'xml', //or json, string etc
  success: function(data) { //success!
    alert("Success: " + data);
  },
  error: function(data) { //error
    alert("error: "+data);
  }
});

* Et une documentation jQuery pour vous: http://api.jquery.com/ jQuery.ajax / *

Answer 2

Vous devez suivre les étapes suivantes:

1. Valider forme
2. Si le formulaire est pas valide, puis afficher les messages pertinents et annuler opération d'envoi
3. Si le formulaire est valide, soumettez le formulaire
4. Afficher le message

Maintenant, si vous souhaitez publier la page sur le serveur (retour synchrone post), alors vous devriez faire l'élément de message visible à côté serveur et masquer le formulaire. Mais si vous utilisez AJAX, vous pouvez créer un rappel de succès et que, vous pouvez changer la visibilité de votre élément de message.