2010-10-03 4 views
1

Je veux modifier les données de formulaire de formulaire avant d'envoyer. J'utilise du code de script Java pour obtenir des entrées utilisateur et je veux les joindre pour demander des données de publication. Je veux un poste normal qui provoque l'affichage du résultat sous la forme d'une page HTML. il peut être utile que j'ai lié JQuery et peut utiliser ses fonctions. Merci beaucoup!modification formulaire poste

+0

Je ne comprends pas ce que vous voulez faire. En outre, vous voulez probablement montrer du code –

+0

Lorsque l'utilisateur cliquez sur le bouton Envoyer, la valeur des éléments d'entrée de formulaire serait envoyé au serveur, je veux modifier ces données dans le client avant d'être envoyé. – mehran

Répondre

1

Vous pouvez utiliser l'événement onSubmit comme indiqué ci-dessous -

<form action="test.php" name="testform" onSubmit="return TestDataCheck()" > 
<input type="text" value="hello" name="testinput" /> 
<form> 

définir une fonction comme indiqué ci-dessous -

<script type="text/javascript"> 
function TestDataCheck(){ 

//Here do whatever you want to do with the form or it's values. 
//I am changing the value of input field in the form for your reference in same way you 
//can change any elements value. 

$('input[name="testinput"]').val("bye"); 

return true. 

} 
</script> 
+0

La question est que, comment peut changer les données de formulaire, je devrais remplacer le commentaire avec quoi? La question concerne le code que je peux écrire dans TestDataCheck! – mehran

+0

Pour votre référence j'ai changé la valeur du champ de saisie dans le formulaire dans mon exemple. De la même manière, vous pouvez changer la valeur de n'importe quel champ. – Alpesh

+0

Si vous voulez une solution spécifique, veuillez poster votre formulaire html et les valeurs à remplacer. – Alpesh

1

html

<form action="test.php" name="testform" id="testForm"> 
<input type="text" value="hello" name="testinput" /> 
<form> 

javascript

//handle form submit 
    jQuery("#testForm").submit(function(e){ 

     //prevent default action 
     e.preventDefault; 

    //get form 
    var _data=jQuery("#testForm").serialize(); 

    //add custom props 
    _data['customProp1']='customValue1'; 
    _data['customProp2']='customValue2'; 

    //now just submit form or call ajax 

    }); 
Questions connexes