JQuery konvertieren die Eingabe in Text

Verwenden Sie JQuery, um Ihre Formulareingänge in Textelemente umzuwandeln . Im Moment funktioniert das Skript nur für Texteingaben, kann aber leicht für andere Eingabetypen wie Textbereich, Radio, Kontrollkästchen usw. erweitert werden.

$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>

häufig gestellte Fragen (FAQs) zu JQuery Convert Input Text

Wie kann ich den Wert eines Eingabegextfelds mit JQuery? Diese Methode gibt den Wert der ausgewählten Elemente zurück. Hier ist ein Beispiel:

$ (Dokument) .Ready (function () {
$ ("Schaltfläche"). Click (function () {
alert ("value:" $ ("# Test "). Val ());
}); Feld. Aber diesmal geben Sie den neuen Wert als Argument. Hier ist ein Beispiel:

$ (Dokument) .Ready (function () {
$ ("Schaltfläche"). Click (function () {
$ ("#test"). Val (val ( "Hallo Welt");

});

});

In diesem Beispiel ist der Wert des Eingangselements mit ID "Test" auf "Hallo Welt" gesetzt.

Wie kann ich Eingabetxt mit JQuery in Großbuchstaben konvertieren? von jQuery. Hier ist ein Beispiel:

$ (Dokument) .Ready (function () {
$ ("Schaltfläche"). Click (function () {
var text = $ ("#test") .val ();
$ ("#test"). val (text.toUppercase ());
});

}); Klicken, der Wert des Eingangselements mit ID "Test" wird in Großbuchstaben konvertiert. Sie können die .tolowerCase () -Methode von JavaScript -Zeichenfolgen in Kombination mit der .val () -Methode von JQuery verwenden. Hier ist ein Beispiel:

$ (Dokument) .Ready (function () {

$ ("Schaltfläche"). Click (function () {
var text = $ ("#test") .val ();
$ ("#test"). val (text.tolowerCase ());
});
}); Der Wert des Eingabeelements mit ID "Test" wird in Kleinbuchstaben konvertiert.

Wie kann ich mit JQuery führende und nachverfolgende Leerzeichen aus Eingabetxt trimmen. Die .val () -Methode von JQuery. Hier ist ein Beispiel:

$ (Dokument) .Ready (function () {
$ ("Schaltfläche"). Click (function () {
var text = $ ("#test") .val ();
$ ("#test"). val ($. trim (text));
}); , führen und Ablaufräume werden aus dem Wert des Eingangselements mit ID „Test“ entfernt. Mit JQuery können Sie die .replace () -Methode von JavaScript -Zeichenfolgen in Kombination mit der .val () -Methode von JQuery verwenden. Hier ist ein Beispiel:

$ (Dokument) .Ready (function () {
$ ("Schaltfläche"). Click (function () {
var text = $ ("#test") .val ();

$ ("#test"). val (text.replace ("alt", "neu");

}); Anwesend Wenn die Schaltfläche klickt, wird das erste Auftreten der Zeichenfolge „alt“ im Wert des Eingangselements mit ID „Test“ durch „Neu“ ersetzt. Verwenden Sie JQuery? Hier ist ein Beispiel:

$ (Dokument) .Ready (function () {
$ ("Schaltfläche"). Click (function () {
var text = $ ("#test") .val ();
if (text == "") {
alert ("Eingabe ist leer");
}
});
}); In diesem Beispiel wird bei der Klicken auf die Schaltfläche ein Alarmfeld angezeigt, wenn der Wert des Eingangselements mit ID „Test“ leer ist. 🎜> Um ein Eingabegextfeld mit JQuery zu deaktivieren, können Sie die Methode .Prop () verwenden und die Eigenschaft "Deaktiviert" auf true festlegen. Hier ist ein Beispiel:

$ (Dokument) .Ready (function () {

$ ("Schaltfläche"). Click (function () {

$ ("#test"). Prop (prop (prop (). "Deaktiviert", true);

}); Kann ich ein Textfeld für deaktivierte Eingänge mit JQuery? Hier ist ein Beispiel:

$ (Dokument) .Ready (function () {
$ ("Schaltfläche"). Click (function () {
$ ("#test"). Prop (prop (prop (). "Deaktiviert", false);
}); Kann ich mich auf ein Eingabegextfeld mit jQuery? Hier ist ein Beispiel:

$ (Dokument) .Ready (function () {
$ ("Schaltfläche"). Click (function () {
$ ("#test"). Fokus (Fokus (Fokus (Fokus );
});

Das obige ist der detaillierte Inhalt vonJQuery konvertieren die Eingabe in Text. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!