jQuery convertit la entrée en texte

Utilisez jQuery pour convertir vos entrées de formulaire en éléments de texte . Pour le moment, le script ne fonctionne que pour les entrées de texte, mais pourrait facilement être étendu pour travailler pour d'autres types d'entrée tels que TextArea, Radio, Checkbox, etc.…

$form <span>= $('#register-form1');
</span>$form<span>.find(':input').each( function(i<span>,v</span>)
</span><span>{
</span>    <span>var iElem = $(v),
</span>        name <span>= iElem.attr('name'),
</span>        type <span>= iElem.attr('type'),
</span>        labelElem <span>= iElem.parents().find('label[for="'+name+'"]'),
</span>        labelTxt <span>= labelElem.html(),
</span>        iVal <span>= iElem.val();
</span>
    <span>if(type == 'input')
</span>    <span>{
</span>    iElem<span>.parent().prepend(''+labelTxt+' '+iVal+'');
</span>
    <span>}
</span><span>else if (type == 'password')
</span><span>{
</span>    iVal <span>= iVal.substr(i).replace(<span>/<span><span>[S]</span></span>/g</span>, "*");
</span>    iElem<span>.parent().prepend(''+labelTxt+' '+iVal+'');
</span><span>}
</span>    <span>//remove old input elements
</span>    iElem<span>.remove();
</span>    labelElem<span>.remove();
</span><span>});</span>

Questions fréquemment posées (FAQ) sur jQuery convertit le texte d'entrée

Comment puis-je obtenir la valeur d'une zone de texte d'entrée à l'aide de jQuery?

Pour obtenir la valeur d'une zone de texte d'entrée à l'aide de jQuery, vous pouvez utiliser la méthode .val (). Cette méthode renvoie la valeur des éléments sélectionnés. Voici un exemple:

$ (document) .ready (function () {
$ ("bouton"). Cliquez sur (fonction () {
alert ("Value:" $ ("# # test "). val ());
});
});
Dans cet exemple, lorsque le bouton est cliqué, la valeur de l'élément d'entrée avec ID" test "est affichée dans une alerte boîte.

Comment puis-je définir la valeur d'une zone de texte d'entrée à l'aide de jQuery?

Pour définir la valeur d'une zone de texte d'entrée à l'aide de jQuery, vous pouvez également utiliser la méthode .val () , mais cette fois, vous passez la nouvelle valeur comme argument. Voici un exemple:

$ (document) .ready (function () {
$ ("bouton"). Cliquez sur (fonction () {
$ ("# test"). Val ( "Hello World");
});
});
Dans cet exemple, lorsque le bouton est cliqué, la valeur de l'élément d'entrée avec ID «test» est définie sur «Hello World».

Comment puis-je convertir le texte d'entrée en majuscules à l'aide de jQuery?

Pour convertir le texte d'entrée en majuscule en utilisant jQuery, vous pouvez utiliser la méthode .touppercase () des chaînes javascript en combinaison avec la méthode .val () de jQuery. Voici un exemple:

$ (document) .ready (function () {
$ ("bouton"). Cliquez sur (fonction () {
var text = $ ("# test") .Val ();
$ ("# test"). Val (text.touppercase ());
});
});
dans cet exemple, lorsque le bouton est Cliquez sur, la valeur de l'élément d'entrée avec ID «test» est convertie en majuscules.

Comment puis-je convertir le texte d'entrée en minuscules à l'aide de jQuery?

Pour convertir le texte d'entrée en minuscules à l'aide de jQuery, Vous pouvez utiliser la méthode .tolowerCase () des chaînes JavaScript en combinaison avec la méthode .val () de jQuery. Voici un exemple:

$ (document) .ready (function () {
$ ("bouton"). Cliquez sur (fonction () {
var text = $ ("# test") .Val ();
$ ("# test"). Val (text.tolowercase ());
});
});
dans cet exemple, lorsque le bouton est cliqué, La valeur de l'élément d'entrée avec ID «test» est convertie en minuscules.

Comment puis-je couper les espaces de tête et de fin à partir du texte d'entrée à l'aide de jQuery?

Pour couper les espaces de tête et de fin à partir du texte d'entrée à l'aide de jQuery, vous pouvez utiliser la méthode .trim () des chaînes JavaScript en combinaison avec La méthode .val () de jQuery. Voici un exemple:

$ (document) .ready (function () {
$ ("bouton"). Cliquez sur (fonction () {
var text = $ ("# test") .Val ();
$ ("# test"). Val ($. , dirigeant et Les espaces de fuite sont supprimés de la valeur de l'élément d'entrée par l'identifiant «test».

Comment puis-je remplacer une partie du texte d'entrée à l'aide de jQuery?

pour remplacer une partie du texte d'entrée En utilisant jQuery, vous pouvez utiliser la méthode .replace () des chaînes JavaScript en combinaison avec la méthode .val () de jQuery. Voici un exemple:

$ (document) .ready (function () {

$ ("bouton"). Cliquez sur (fonction () {
var text = $ ("# test") .Val ();
$ ("# test"). Val (text.replace ("old", "nouveau"));
});
});
dans cet exemple , quand le Le bouton est cliqué, la première occurrence de la chaîne «ancienne» dans la valeur de l'élément d'entrée avec l'ID «test» est remplacée par «nouveau».

Comment puis-je vérifier si le texte d'entrée est vide à l'aide de jQuery ?

Pour vérifier si le texte d'entrée est vide à l'aide de jQuery, vous pouvez utiliser la méthode .val () et comparer la valeur renvoyée avec une chaîne vide. Voici un exemple:

$ (document) .ready (function () {

$ ("bouton"). Cliquez sur (fonction () {
var text = $ ("# test") .val ();
if (text == "") {
alert ("l'entrée est vide");
}
});
});
dans Cet exemple, lorsque le bouton est cliqué, une boîte d'alerte s'affiche si la valeur de l'élément d'entrée avec l'ID «test» est vide.

Comment puis-je désactiver une zone de texte d'entrée à l'aide de jQuery?

Pour désactiver une zone de texte d'entrée à l'aide de jQuery, vous pouvez utiliser la méthode .prop () et définir la propriété «désactivée» sur true. Voici un exemple:

$ (document) .ready (function () {

$ ("bouton"). Cliquez sur (fonction () {
$ ("# test"). Prop ( "Disabled", true);
});
});
Dans cet exemple, lorsque le bouton est cliqué, l'élément d'entrée avec ID "test" est désactivé.

Comment Puis-je activer une zone de texte d'entrée désactivée à l'aide de jQuery?

Pour activer une zone de texte d'entrée désactivée à l'aide de jQuery, vous pouvez utiliser la méthode .prop () et définir la propriété «désactivée» sur FALSE. Voici un exemple:

$ (document) .ready (function () {

$ ("bouton"). Cliquez sur (fonction () {
$ ("# test"). Prop ( "Désable", false);
});
});
Dans cet exemple, lorsque le bouton est cliqué, l'élément d'entrée avec ID "test" est activé.

Comment Puis-je me concentrer sur une zone de texte d'entrée à l'aide de jQuery?

Pour me concentrer sur une zone de texte d'entrée à l'aide de jQuery, vous pouvez utiliser la méthode .focus (). Voici un exemple:

$ (document) .ready (function () {

$ ("bouton"). Cliquez sur (fonction () {
$ ("# test"). Focus (focus );
});
});
Dans cet exemple, lorsque le bouton est cliqué, l'élément d'entrée avec ID «test» est focalisé.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!