jueves, 7 de noviembre de 2013

Cómo hacer un cuadro de texto de sólo lectura Usando jQuery

Desactivación de un cuadro de texto evita que los usuarios cambien sus contenidos. Esto hace que un cuadro de texto de sólo lectura impidiendo que los usuarios puedan realizar cambios en el campo. Aunque puede desactivar un cuadro de texto en HTML sin la ayuda de jQuery, hay pocos casos en los que usted querrá desactivar un cuadro de texto para todos los usuarios en todas las situaciones. En su lugar, utilice jQuery - una biblioteca JavaScript que agrega funciones pre-construidas para páginas Web - para desactivar las entradas de formulario. Al usar jQuery para desactivar un cuadro de texto, puede definir cuándo desactivar el cuadro de texto para un usuario particular.

Debo hidratar temo

Copia y pega el código anterior en el Bloc de notas y guárdelo como una página HTML si usted necesita una página Web para trabajar con este tutorial:

! DOCTYPE HTML

HTML

cabeza

titleRead-Sólo cuadro de texto / título

script type = "text / html"

/ Script

/ Head

cuerpo

textareaHello, soy un cuadro de texto! / textarea

/ Cuerpo

/ Html



Encuentra las etiquetas "textarea" y agregar un nombre de clase:

clase textarea = "disableme" Hola, soy un cuadro de texto! / textarea

El uso de nombres de clase, puede desactivar cualquier número de entradas de formulario que comparten el mismo nombre.



Agregue el archivo de la biblioteca jQuery en las etiquetas "script" por encima de cualquier otra etiqueta "script" en su página Web:

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

Esta copia de jQuery está alojado en los servidores de Google y es gratis para usar en cualquier sitio web.



Escribe la función jQuery "documento listo" entre las etiquetas "script":

$ (Function () {

});



Seleccione el elemento "textarea" por su nombre de clase y agregue el "attr ()" función:

$ ('Disableme.') Attr ().;



Utilice la función "attr ()" para establecer el atributo "disabled" a las etiquetas que compartir "disableme" como nombre de la clase. Esto se hace mediante la adición de dos valores dentro de los parantheses de la función, a partir de "discapacitados" para el nombre de atributo y "verdadero" para activar el atributo:

$ ('Disableme.') Attr ('desactivado', true).;

El valor "verdadero" es un valor lógico, por lo que no necesita comillas. Booleanos son valores que sólo se puede establecer en true o false.

Consejos y advertencias

En los campos de texto de una sola línea con la etiqueta "de entrada", utilice el atributo "sólo lectura" en la función "attr ()" en su lugar. Este atributo sólo funciona en las etiquetas de "entrada".

 

4 comentarios:

  1. Indeed, for that matter,evеn a species frߋm riǥht
    oսt ߋf Star Trek's "The Man Trap" сomes soo muchcloser to bеing the proverbial salt of ԝhatever planet that waѕ.
    Fοr more from John Matras, subscribe tօ email alerts belօw.
    In fact, at the mentioned ѕhow, visitors and guests cοuld discover аnd seе
    for themselѵes juѕt wҺat this new vehicle Һaѕ to
    offer.

    Feel free tо visit my weblogg - http://www.naprawa-pomp.com/naprawa-sterownika-isuzu-opel/

    ResponderEliminar
  2. Hi there! I'm at work surfing around your blog from my new iphone!

    Just wanted to say I love reading your blog and look forward to all your posts!
    Keep up the outstanding work!

    Feel free to surf to my blog post :: game of war fire age hack

    ResponderEliminar
  3. Nice answer back in return of this difficulty with genuine arguments and describing everything on the topic of that.


    Also visit my weblog - boite a medicament

    ResponderEliminar
  4. Please let me know if you're looking for a article writer for your weblog.
    You have some really great articles and I feel I would be a good asset.
    If you ever want to take some of the load off, I'd really like to write some content for your blog
    in exchange for a link back to mine. Please send me an email if interested.
    Kudos!

    Have a look at my blog :: Christian Louboutin Online

    ResponderEliminar