Comment puis-je obtenir la valeur d'un champ de saisie en javascript sans l'envoi d'un formulaire?

Je suis assez nouveau dans le javascript et avez une question sur comment pour obtenir une valeur d'un champ de saisie sans l'envoi d'un formulaire. J'ai le petit morceau de code, je suis à l'utilisation en combinaison avec un temps réel-le script de validation pour valider les champs.

<form name="FormName" method="post" />
    <input type="text" id="nameValidation" value="HelloWorld" />
    <script type="text/javascript">
       var NameValue = document.forms["FormName"]["nameValidation"].value;
    </script>
</form>

Je veux le var NameValue à la valeur de ce que vous tapez dans le champ de saisie afin que je puisse l'utiliser dans le message qui s'affiche après validation. Lorsque je change la valeur du champ de saisie sans la soumission du formulaire, le var NameValue est toujours réglé sur "HelloWorld". Après avoir fait quelques recherches j'ai découvert que je pouvais le résoudre à l'aide de jQuery et c'est la fonction serialize(). Est-il un moyen de le faire sans jQuery?

InformationsquelleAutor BlueCola | 2012-11-21

6

Sans jQuery :
```
var value = document.getElementById('nameValidation').value;
```
La syntaxe que tu avais d'être utilisable pour obtenir une entrée par son nom, pas son id.

Si ce que vous voulez est d'utiliser cette valeur en cas de changement, vous pouvez le faire :
```
var nameValidationInput = document.getElementById('nameValidation');
function useValue() {
    var NameValue = nameValidationInput.value;
    //use it
    alert(NameValue); //just to show the new value
}
nameValidationInput.onchange = useValue;  
nameValidationInput.onblur = useValue;
```
- Je ne pense pas que vous comprenez ma question. Je veux le var NameValue être mis à jour lorsque l'utilisateur de le modifier. De cette façon, c'est toujours "HelloWorld" lorsque j'appelle le var, après que l'utilisateur a modifié la valeur.
- J'avais appelé la valeur de la variable au lieu de NameValue à l'égard de nommage des pratiques exemplaires, mais la variable (maintenant avec un nouveau nom) ne changer la valeur (à l'intérieur de la useValue fonction) lorsque l'utilisateur modifie le contenu de l'entrée.
InformationsquelleAutor Denys Séguret
1

Votre code fonctionne. Il attribuer de la valeur de votre champ de saisie, var NameValue. Ce que vous avez expliqué et ce que JQuery serialize ne sont deux choses différentes.

Tout ce dont vous avez besoin est à attribuer à votre code à droite de l'événement:
```
<form name="FormName" method="post" />
    <input type="text" id="nameValidation" value="HelloWorld" onchange="myFunction()"/>

</form>
<script type="text/javascript">
function myFunction(){
    var NameValue = document.forms["FormName"]["nameValidation"].value;
    alert(NameValue);
}
</script>
```
voir le JSFiddle.
- vous devez assigner la fonction spécifique de l'événement trop. Écriture d'affectation et de validation dans la même fonction et de l'appeler sur l'événement. je vais écrire différence la prochaine fois, je dois partir, désolé.
- Dans ma réponse il existe URL inclus, jquery serialize sur JQuery.com.
InformationsquelleAutor F0G

utiliser le onchange ou événement onblur appeler ce code:

var NameValue = document.les formes["nom du formulaire"]["nameValidation"].valeur;

De cette façon il se activé lorsque le curseur quitte la zone de texte

<input type="text" id="nameValidation" value="HelloWorld" onblur="changeVal();" />

<script type="text/javascript">

    function changeVal() {
        var NameValue = document.forms["FormName"]["nameValidation"].value;
alert(NameValue);
    }
</script>

InformationsquelleAutor Coding Duchess

0

Dans votre exemple, la variable n'obtient la valeur attribuée à ce moment dans le temps. Il ne met pas à jour lorsque la zone de texte mises à jour. Vous avez besoin de déclencher une fonction [onchange ou onblur ou pression de touche] et de réinitialiser la variable à la valeur à neuf.
```
<form name="FormName" method="post" />
    <input type="text" id="nameValidation" value="HelloWorld" />
    <script type="text/javascript">
         var myTextbox = document.getElementById("nameValidation");
         var nameValue = myTextbox.value;
         myTextbox.onchange = function() {
             nameValue = myTextbox.value;
         };
    </script>
</form> 
```
- J'ai utilisé ce script après votre travail d'édition, mais quand je l'ajoute à l'intérieur de mon balises de script le reste du script ne semble pas être exécuté plus.
- jsfiddle.net/Q2PGk Fonctionne pour moi, il n'
- Eu le même problème avec un script à partir d'un autre utilisateur, qui semble être un problème avec le LiveValidation script, assez étrange.
- sauf si vous le montrer, nous ne pouvons pas aider
InformationsquelleAutor epascarello
0

Vous pouvez laissez vos code côté client de répondre à un changement dans la valeur de la zone de texte, comme suit:
```
$(document).ready(function(){
    $("#nameValidation").on('change', function() {
        var value = $("#nameValidation").value;
        //do your work here
    }
})
```
- Il a demandé avec jQuery
- Je suis désolé, mais n'est-ce pas jQuery?
- C'est en effet jQuery. Il a demandé si il y avait un moyen sans elle, mais comme le montre l'exemple, si vous utilisez jQuery, le code est beaucoup plus élégant et lisible.
- Votre code doit être utiliser sur() et pas de bind()
- Droit, merci pour le spotting qui.
InformationsquelleAutor Roy Dictus

Vous devez vous connecter pour publier un commentaire.