Est-il possible de modifier les données d'un formulaire avant de l'envoyer?

Je voudrais trouver toute méthode générique pour modifier les données avant l'envoi des formulaires. C'est, si j'ai un <form> qui contient un <input> d'un certain type (la classe) et l'utilisateur appuyez sur envoyer bouton, je voudrais transformer cette valeur d'entrée à un autre format arriver à un serveur dans un corrigé format.

Je sais que je peux définir un submit() gestionnaire de traiter les données, mais j'ai besoin d'une solution générique que le programme d'installation de ce mécanisme de la charge sur tous les formulaires de page et oublie d'en parler (peut-être certains formulaires sont envoyés par AJAX, de l'utilisation de Jquery.valider pour envoyer, etc)

OriginalL'auteur Ivan | 2011-10-11

6

Utilisation de jQuery pour sélectionner tous les éléments de formulaire: $('form') et enregistrer un gestionnaire pour la forme submit événement. Quelque chose comme ceci:
```
$('form').submit(function(e){
    e.preventDefault()
    var $this = $(this)
    var formData = $this.serialize()
    //do some thing to it
    var yourData = transform(formData)
    $.ajax({
       post: $this.attr('action'),
       data: yourData,
       ...
    })
})
```
Références
Ne fonctionne pas sur ajaxed formes
C'est ce que j'avais en tête... pour ajax formes d'ajouter votre transfomr manuellement, car c'est ce que vous faites avec un ajax formulaire de toute façon, manuellement.
Ce n'est pas (encore) montrent la réponse (ou de faire la redirection).

OriginalL'auteur airportyh
1

Peut-être ce
```
$(document).ready(function() {
  $("form").on("submit",function() {
    var form = $(this);
    var field = form.find("input[name=first_name]");
    if (field.length()>0) field.val(field.val().replace("a","b")); 
  });
});
```
Problème avec ceci est que Jquery.valider() met un message d'erreur si 'b' n'est pas une entrée valide et arrêts de la soumission du formulaire.
Mais c'est à vous de vous assurer qu'il est.
Ça dépend.. Par exemple, pour un espagnol de l'utilisateur, la date du "25/5/2010" est ok, donc il doit être valide pour jquery.valider, mais si je change de "5/25/2010" avant de jquery.valider lire l'entrée de contenu, il va produire une erreur 🙁

OriginalL'auteur mplungjan

Vous devez vous connecter pour publier un commentaire.

Références