Wie man einen Read-Only Textbox Mit jQuery

Deaktivieren einer Textbox verhindert, dass Benutzer verändert seinen Inhalt. Dies macht ein Textfeld-Lese-nur dadurch verhindert werden, dass Benutzer Änderungen auf dem Feld. Obwohl Sie ein Textfeld in HTML ohne die Hilfe von jQuery deaktivieren kann, gibt es nur wenige Fälle, in denen Sie ein Textfeld für jeden Benutzer in jeder Situation deaktivieren wird. Verwenden Sie stattdessen jQuery - eine JavaScript-Bibliothek, die vorgefertigte Funktionen hinzufügt Webseiten - zu bilden Eingänge deaktivieren. Bei der Verwendung von jQuery ein Textfeld zu deaktivieren, können Sie festlegen, wann das Textfeld für einen bestimmten Benutzer zu deaktivieren.

Kopieren Sie den obigen Code in den Editor und speichern als HTML-Seite, wenn Sie eine Web-Seite mit diesem Tutorial arbeiten müssen:

! DOCTYPE html

html

Leiter

titleRead-Only Textbox / title

script type = "text / html"

/ Script

/ Head

Körper

textareaHello, bin ich ein Textfeld! / textarea

/ Body

/ Html

Finden Sie die "textarea"-Tags und fügen Sie eine Klasse name:

textarea class = "disableme" Hallo, ich bin ein Textfeld! / textarea

Mit Klassen-Namen, können Sie deaktivieren eine beliebige Anzahl von Form-Eingänge, die den gleichen Namen teilen.

Fügen Sie die jQuery-Bibliothek-Datei in "script"-Tags über allen anderen "script"-Tags auf Ihrer Webseite:

script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" / script

Diese Kopie von jQuery ist auf den Google-Servern gehostet und ist kostenlos auf jeder Website verwenden.

Schreiben Sie die jQuery "document ready"-Funktion zwischen "script" tags:

$ (Function () {

});

Wählen Sie den "textarea" Element von seiner Klasse Name, und fügen Sie die "attr ()"-Funktion:

$ ('Disableme.') Attr ().

Verwenden Sie die "attr ()"-Funktion, um die "disabled"-Attribut auf die Tags gesetzt, dass share "disableme" als Name einer Klasse. Sie tun dies, indem zwei Werte in den Klammern der Funktion, beginnend mit "disabled" für das Attribut Name, und "true", um das Attribut zu aktivieren:

$ ('Disableme.') Attr ("behindert", true).

Die "wahre" Wert ist ein boolean, so muss es nicht zitiert. Booleans sind Werte, die man nur zu wahr oder falsch eingestellt.

Tipps und Warnungen

Auf einzeilige Textfelder mit dem "input" Tag und nutzen die "readonly"-Attribut in der "attr ()"-Funktion statt. Dieses Attribut funktioniert nur auf "input"-Tags.