Wie man einen Textbereich namentlich in JQuery

October 26

jQuery ist eine mächtige JavaScript-Bibliothek, die Sie komplexe JavaScript-Funktionen mit einem Minimum an Code erstellen kann. Mit dem jQuery Selektor-System lässt sich jedes Element auf einer HTML-Seite zu verweisen und dann lesen oder ändern Sie dessen Wert. Beispielsweise können Sie auf ein Element anhand seiner Id oder mit den Wert des Namensattributs verweisen. Dies ist die Validierung auf ein Form-Element oder einen Benutzer eingegebenen Wert in einer Berechnung oder ähnliche lesen können.

Anweisungen

1 Öffnen Sie einen Webbrowser und gehen auf die jQuery-Homepage (jquery.com). Klicken Sie auf das Kontrollkästchen neben "Produktion" in der oben rechts auf der Homepage, und klicken Sie auf den Button "Download". Laden Sie die Produktionsversion der jQuery-Bibliothek, die komprimiert und minimierte für eine geringere Dateigröße wird und schneller Ladezeit. Speichern Sie die heruntergeladene Datei in ein Verzeichnis namens "Jquery" im Stammverzeichnis Ihrer Website.

2 Öffnen Sie eine Anwendung zum Text-Editor oder Web Design und erstellen Sie eine neue HTML-Seite. Fügen Sie den folgenden Code zwischen den HTML-Code "< Head >" und "< / head >" Markierungen.

< Skript-Typ = "Text/Javascript" und "< / body >" Markierungen.

< Form Id = "MeinFormular" Name = "MeinFormular" Methode = "post" action="example.htm" >

< Textarea Name = "MyTextArea" Id = "MyTextArea" Spalten = "45" Zeilen "5" = >< / Textarea >

< Eingang Typ = "Knopf" Name = "MyButton" Id = "MyButton" Value = "Anzeigen" / >

< / form >

Dadurch wird Ihre Seite, mit einer HTML-Text-Bereich namens "MyTextArea" und eine HTML-Schaltfläche, die den Code, um den Inhalt des Textbereichs wenn geklickt erhalten löst ein Formular hinzugefügt.

4 Fügen Sie den folgenden Code in die HTML-input-Tag, die zum Erstellen der Schaltfläche nach dem Value-Attribut und vor dem schließenden-Tag verwendet.

OnClick="Alert($('textarea[Name=myTextArea]').Val());"

Dies verwendet den jQuery-Code "$(' textarea[name=myTextArea]').val()" Lesen Sie den Inhalt des Textbereichs hat ein Name-Attribut mit "MyTextArea." Diese Syntax können Sie jedes HTML-Element, die unter Verwendung seines Namens verweisen. Die val() Funktion weist jQuery um den Wert aus dem ausgewählten Element zu lesen, die alle vom Benutzer eingegebenen Text liest. Der jQuery-Code ist umhüllt mit einer JavaScript-Funktion "alert()" zu den Text-Bereich-Wert in eine Warnmeldung angezeigt, wenn die Schaltfläche geklickt wird.

5 Speichern Sie die Seite als "Befehl" und Upload auf Ihren Webserver. Öffnen Sie einen Webbrowser und gehen Sie auf den Befehl Seite auf Ihrem Server. Geben Sie Text in das Textfeld, und klicken Sie auf die Schaltfläche "Anzeigen". Eine Warnmeldung wird angezeigt, mit dem Text, den Sie im Textbereich eingegeben haben.

Tipps & Warnungen

  • Sie können den Wert des Textbereichs festlegen, indem mithilfe des gleichen Befehls, sondern liefern die Val-Funktion mit dem Wert zu setzen, zum Beispiel.
  • OnClick = "$('textarea[name=myTextArea]').val ('dadurch wird einen Wert");"