knorrigt.com

Home > Internet > Cómo validar un campo de texto con Dreamweaver Forma widgets de Spry

Cómo validar un campo de texto con Dreamweaver Forma widgets de Spry

Advertisement

Dreamweaver CS3 viene con algunos widgets de validación de Spry para las formas. En este artículo usted aprenderá cómo validar un campo de texto y personalizar los mensajes de error de Spry.

Cosas que necesitará

software de Dreamweaver CS3 (o por encima)

Instrucciones

Si ya dispone de un campo de texto formulario en su página, selecciónela y haga clic en el botón de Spry para los campos de texto. Si aún no dispone de un campo de texto, haga clic en el botón de Spry para los campos de texto y uno se insertará.



El diálogo Accesibilidad abrirá. Llene la información aquí por el ID de elemento de formulario y etiqueta. Haga clic en Aceptar. Si usted todavía no ha añadido un elemento de formulario a su página, Dreamweaver ofrece de hacer eso por usted.



Dreamweaver le avisa de los archivos dependientes, que se añadirá a su sitio para hacer que el widget de Spry. Haga clic en Aceptar.



Puede cambiar el nombre de la forma "Widget" El Inspector de propiedades en lugar de utilizar el nombre genérico como sprytextfield1. Dreamweaver añade el nombre del widget con un elemento span envuelta alrededor del elemento de formulario. Probablemente debería dejar "ágil" en el nombre si decide cambiarlo. De esa manera no va a entrar en conflicto con el ID y le etiqueta elegido. El ejemplo ilustrado es para un primer campo de nombre de texto, por lo que cambió el nombre del widget para spry_fname. Observe que el cuadro de selección deseado se selecciona automáticamente en el inspector de propiedades. La gráfica es una imagen combinada que muestra lo que Dreamweaver tiene en la vista de código y diseño Ver en este punto.



Cuando se selecciona Vista preliminar de la "necesaria" en el inspector de propiedades, el mensaje de error se muestra en la vista Diseño. El usuario no vería esto en el navegador a menos que hubiera un error en la validación del campo. Esto se puede personalizar escribiendo un nuevo mensaje en la ventana del documento. También debe comprobar el menú de estado de vista previa inspector de propiedades, ya que para algunos widgets (no éste) la comprobación del estado de vista previa es un buen hábito para formar puesto que el mensaje de error puede cambiar dependiendo de las circunstancias. En el ejemplo representado el mensaje de error es lo que se vería si el formulario se presentaron con el primer campo de nombre vacío. Si no desea ver el mensaje de error en la vista Diseño y, a continuación, seleccione el estado de vista previa "inicial".



La decisión de cuándo validar se realiza mediante el inspector de propiedades. Para un campo de texto necesario pedir un nombre, la mejor opción es la validación en Enviar. Sin embargo, hay una serie de opciones en el menú Tipo del inspector de propiedades. Si ha seleccionado Dirección de correo electrónico en el menú Tipo, es posible que prefiera tener que validar onBlur. Si el campo de texto no contiene una dirección de correo electrónico un mensaje de error como "Por favor, introduzca una dirección válida de correo electrónico" podría aparecer en el momento en que el usuario se trasladó al siguiente campo de formulario. Validar el cambio sería un poco irritante para los usuarios de un campo de texto, ya que cada golpe de teclado es un cambio, por lo que un mensaje de error aparecería el momento en que alguien comenzó a escribir en el campo de texto.



Puede establecer límites sobre el número de caracteres permitidos en el campo de texto con el inspector de propiedades. También puede insertar un "Pista" que aparecerá en el campo de texto antes de que la persona comienza a escribir. En el primer ejemplo campo de nombre de una pista como "Escriba su nombre de pila" podría ser utilizado, sin embargo, con el uso adecuado del elemento de etiqueta que se configura en el diálogo de Accesibilidad en el comienzo mismo, una pista no es necesario.

Utilice el inspector de propiedades para decidir sobre el tipo de validación. Para el ejemplo aquí, preguntando por el nombre, haciendo que el campo necesario y establecer el Tipo en Ninguno sería adecuado. Sin embargo, hay 14 tipos de validaciones de campos de texto. Ninguno es el valor predeterminado. cheques enteros de un número entero. Correo electrónico busca una dirección de correo correctamente formateada como [email protected] La fecha se puede formatear en diferentes formas, como se puede medir el tiempo. Utilice el menú Formato inspector de propiedades para establecer el formato de fecha u hora. Tarjeta de crédito busca un tipo de tarjeta y un formato para introducir la fecha (establecer esto con las opciones de formato). Código postal se puede configurar para buscar 5 o 9 dígitos. número de teléfono sólo puede validar números de Estados Unidos o Canadá. Número de Seguridad Social se ve por tres números, un guión, dos números, un guión y tres números. La moneda puede validar para el formato americano o europeo. número real permite a los números decimales. dirección IP busca un número formateado como un número IP. URI se puede configurar para incluir el protocolo, tales como http: //. Por último, se puede personalizar una prueba de validación en varias formas de buscar patrones o varias combinaciones de números o letras mayúsculas y minúsculas.



El estilo predeterminado del mensaje de error es de color rojo con un contorno rojo. Puede cambiar eso. En el aspecto del panel Estilos CSS para el selector de estilo que comienza .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState y sigue en marcha con una lista separada por comas de los selectores. Puede editar esta en la forma habitual en la ventana de diálogo de edición de estilos CSS de Dreamweaver.



Consejos y advertencias

Dado que los mensajes de error se insertan con una etiqueta span, aparece el de errores en línea inmediatamente después de que el elemento de formulario cuando sea necesario. Si desea que el mensaje de error en su propia línea puede cambiar el lapso de AP o div - sólo asegúrese de mantener el nombre de la clase intacta.

Un campo de texto se puede crear fácilmente en Adobe Acrobat 8 ​​Professional. Un campo de texto permite al usuario introducir texto en este campo mientras se controla el formato del texto. Los pasos a continuación le indicará cómo crear un campo de
Una vez que un campo de texto se ha creado en Adobe Acrobat 8 ​​Professional, se tarda sólo unos pocos pasos para eliminarlo. La "Herramienta de texto El campo" que utilizó para crear el campo de texto tiene que ser seleccionada y luego se usa p
Cómo cambiar el color del texto con CSS. CSS (hojas de estilo en cascada) permite añadir estilo, como los colores del texto, colores de fondo, fuentes y formatos. Si usted puede comprender HTML, se puede recoger CSS con bastante rapidez, también. Vam
Cómo crear la libración de texto en Dreamweaver MX
Dreamweaver MX es una aplicación popular de la construcción y editor de la página web HTML con una amplia variedad de capacidades. Hover texto es una de las características que se pueden crear con Dreamweaver MX que añade profesionalismo a su página
Cómo alinear un campo de texto en el formulario HTML
El atributo "align" se utiliza para alinear correctamente un campo de texto en referencia al texto que lo rodea. El atributo "align" para el campo de texto utiliza las mismas variables que el atributo "align" para las imágene
Cómo expandir un campo de texto en Microsoft Access
Maximizar el uso de las tablas de Microsoft Access de configuración de las propiedades que cumplen con sus necesidades. Los campos de texto limitan el número de caracteres que pueden ingresarse en un registro. Después de haber establecido un límite m
Cómo borrar un cuadro de texto con JavaScript
El Document Object Model (DOM) es un estándar diseñado para soportar la portabilidad de JavaScript y de programación Java, haciéndolos trabajar de una manera consistente a través de los navegadores. Básicamente, el DOM describe los objetos en un docu
¿Cómo va a sangrar el texto con los puntos negros en Excel
Mientras que Excel no es la herramienta óptima para la creación de listas con viñetas para las presentaciones, a veces es la única herramienta disponible, o la única herramienta que también posee otros datos necesarios. Desafortunadamente, Excel no t
Configuración de un servidor de pruebas con Dreamweaver es un proceso sencillo. Usted tendrá que descargar el software de servidor con el fin de proceder. XAMPP es un servidor fiable y fácil de usar que está diseñado con los diseñadores web y program
Microsoft Word ofrece una gran variedad de diferentes características, opciones y personalización. Una de las características de Microsoft Word es la capacidad de crear campos de texto, que le permiten entrar en un bloque de texto en un cuadro sombre
Cómo crear un cuadro de texto con esquinas redondeadas en Microsoft Word
Los cuadros de texto con esquinas redondeadas en lugar de que angulares pueden ayudar a llamar la atención de los lectores a contenido importante en sus documentos. Microsoft Word proporciona las herramientas que necesita para insertar un cuadro de t
CentOS, o un sistema operativo para empresas de la Comunidad, es una distribución de Linux que utiliza el código fuente de la distribución comercial de Linux para empresas de Red Hat. Puede instalar CentOS, como pueda Red Hat Enterprise Linux, con o
Dreamweaver es multifacética y tiene una aplicación que viene con él denomina gestor de extensiones. Dentro de la extensión administradora uno está alloted la opción de compartir y reunir poner en extensiones para Dreamweaver. Una de las extensiones
Cómo mover el campo de visión con Blender
Blender, un programa de representación gráficos 3-D libre, le permite colocar y configurar uno o más objetos de la cámara en una escena. Cuando se procesa la escena 3D, Blender crea imágenes desde la perspectiva de la cámara. Se puede modificar el ca
Cómo agregar un menú de salto con Dreamweaver
Adición de un menú de salto con Dreamweaver consiste en hacer clic en el menú "Insertar", seleccionando la opción "Forma", al hacer clic en "Menú de salto" y escribir en todos los elementos de menú deseados. Crear un menú des
Adobe Illustrator CS5 puede llenar de texto grande con una imagen, lo que le permite llenar los contornos de las letras con los patrones, escenas de la naturaleza o cualquier cosa que usted tiene gusto en lugar de utilizar las herramientas de fuentes
Cómo utilizar el comando HTML Clean-Up con Dreamweaver. Utilice el comando Limpiar HTML en Macromedia Dreamweaver 3.0 para quitar las etiquetas extrañas y racionalizar su código HTML. Cosas que necesitará Dreamweaver de Macromedia Instrucciones Inici
Puede crear un mapa del sitio visual y visualizarla, imprimirla o añadirlo a una página Web con Dreamweaver 3.0. Utilice el mapa del sitio, ya sea para comprobar la estructura de su sitio y asegúrese de que coincida con sus intenciones o para dar a s
Los applets son pequeñas piezas de código Java que puede ser incrustado en una página web; que suelen realizar pequeñas tareas, como la animación de texto. Mientras que Java es un lenguaje de programación de pleno derecho, subprogramas sencillos se p