Jquery Réglage de la Valeur du Champ de Saisie

J'ai un champ de saisie et je suis en train de mettre sa valeur à l'aide de sa classe 

<form:input path="userName" id="userName" title="Choose A Unique UserName" readonly="${userNameStatus}" class="formData"/>

Qui se traduit par:

<input id="userName" name="userName" title="Choose A Unique UserName" class="formData" type="text" value=""/>

Je suis l'aide de la suite de jquery, mais cela ne semble pas fonctionner. Quelqu'un peut-il me dire où je vais mal.

$(".formData").html("");

Édité Fonction JQuery qui gère l'événement

$('#reset').click(function (){
            $("#userNameErr").text(""); 
            $('#badgeNoErr').text("");

            $(".errors").html("");

            $(".formData").val("");

        });

ni $(".formData").text("") ou $(".formData").val("") de travail.

  • Quel est le HTML qui est produit? Contrairement à ce script côté serveur que vous travaillez avec?
  • le html est <input id="nom" name="nom d'utilisateur" title="Choisissez Un nom d'utilisateur Unique" class="formData" type="text" value=""/>
  • Je suis en train de mettre la valeur dans ce champ la valeur null lorsque je clique sur un bouton de réinitialisation
  • Semble se comporter correctement: jsfiddle.net/FtnLM :)
  • "essayer de définir la valeur dans ce champ la valeur null" À null? Ou à une chaîne vide? $(".formData").val("") devrait le faire.
  • oui à une chaîne vide, mais $(".formData").val("") ne fonctionne pas
  • S'il vous plaît montrer le code JavaScript qui crée l'événement click du bouton gestionnaire. Est-il dans un document prêt gestionnaire? Si votre script est dans le <head> (ou autrement avant les éléments en question), vous ne serez pas en mesure d'attribuer un gestionnaire de clic sans l'aide de document prêt (ou onload, mais ne pas le faire).
  • oui c'est l'autre des énoncés ci-dessus, il est de travail
  • La réinitialisation de tous les autres champs sont de travail? Edit: Sry, déjà répondu
  • Est-il un <input type="reset"> bouton - parce que normalement modifier la valeur des champs dans le formulaire de trop. Essayez d'utiliser .preventDefault() ou l'ajout de return false; à la fin de la gestionnaire de clic, ou d'utiliser un type="button" d'entrée.
  • oui, les autres champs sont à travailler, mais les champs de saisie ne sont pas, je remets le serveur tu donc, je ne suis pas sûr si c'est la cause du problème.
  • c'est mon jsfiddle et sa ne fonctionne pas jsfiddle.net/FtnLM/1

InformationsquelleAutor devdar | 2012-10-21
  1. 52

    Cela devrait fonctionner. 

    $(".formData").val("valuesgoeshere")

    Pour vide 

    $(".formData").val("")

    Si cela ne fonctionne pas, vous devez poster un jsFiddle.

    Démo:

    JS:

    $(function() {
  $(".resetInput").on("click", function() {
    $(".formData").val("");
  });
})

    HTML:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="formData" value="yoyoyo">


<button class="resetInput">Click Here to reset</button>

    • Ce n'est pas de son Ressort étiquette, je suis en utilisant ce que je ne suis pas sûr si son différent, mais il rend html normal donc je ne sais pas quel est le problème
    • c'est mon jsFiddle jsfiddle.net/FtnLM/3
    • Mettre dans un dom prêt tag.
    InformationsquelleAutor Aktee
  2. 2

    Si le champ d'entrée a un nom de classe formData utiliser ceci :
    $(".formData").val("data")

    Si le champ de saisie de l'id est le nom de l'attribut formData utiliser ceci :
    $("#formData").val("data")

    Si le nom de l'entrée est donné ceci :
    $("input[name='formData']").val("data")

    Vous pouvez également mentionner le type. Il s'en réfère à toutes les entrées de ce type et le nom de la classe:
    $("input[type='text'].formData").val("data")

    InformationsquelleAutor MItrajyoti Kusari
  3. 1

    changer votre jquery chargement de onload dans jsfiddle . . .elle fonctionne . . .

    • cochez cette violon
    • Alors, pourquoi mon code ne fonctionne pas, j'ai ceci dans le document.prêt??
    • u avait ur réglage initial pour nowrap (de la tête) . . .il fonctionne sur domREADY ... je ne peux pas comprendre quel est le problème avec nowrap de la tête de réglage
    • et surtout faut travailler dans ur environnement local trop . . .
    InformationsquelleAutor palerdot
  4. 0

    utiliser ce code pour définir la valeur dans la balise d'entrée par un autre identifiant.

    $(".formdata").val(document.getElementById("fsd").innerHTML);

    ou
    utilisez ce code pour définir la valeur dans la balise d'entrée à l'aide de classname="formdata"

    $(".formdata").val("hello");
    InformationsquelleAutor sanjay sonule
  5. 0
    $('.formData').attr('value','YOUR_VALUE')
    InformationsquelleAutor Stanislav Potapenko
  6. -1

    Vous venez d'écrire ce script. utiliser l'élément d'entrée pour cette.

    $("input").val("valuesgoeshere");

    ou par id="dse" vous écrivez ce code.

    $("input").val(document.getElementById("fsd").innerHTML);
    InformationsquelleAutor sanjay sonule
  7. -4

    Mettre votre fonction jQuery dans

    $(document).ready(function(){

});

    C'est sûrement résolu.

    • Merci de modifier votre réponse à faire au lieu de poster une nouvelle réponse. Jetez aussi un oeil à la mise en forme de l'aide: stackoverflow.com/editing-help
    InformationsquelleAutor sanjay sonule