-
Tutorial para el formulario de validación de Spry
-
software de diseño web Dreamweaver de Adobe permite a los desarrolladores web para utilizar los widgets de campo de texto de validación de Spry para crear formas que muestran información actualizada sobre si la entrada del usuario cumple con los criterios de validación dadas por los desarrolladores. El widget de Spry también mostrará los mensajes de error específicos a la razón por la entrada no pudo validar, como por ejemplo un formato no válido o un, campo requerido vacía. Puede editar el archivo CSS de Spry para cambiar la apariencia de los mensajes de error y estados.
Instrucciones
1 Añadir un enlace a la biblioteca y el archivo CSS de Spry JavaScript en el tramo comprendido entre los "<head>" etiquetas en la parte superior de la página HTML que contiene el formulario:
<Script type = "text / javascript"> </ script>
<Link href = "SpryAssets / SpryValidationTextField.css" rel = "stylesheet" type = "text / css" />
2 Determinar cuál de los estados de validación de formularios de Spry aplica a sus entradas de formulario. Las entradas están en el "estado inicial" cuando la página inicia por primera vez, y la transición hacia el "estado centrarse" cuando el usuario hace clic o se mueve a la misma. Spry también contiene los estados para cuando el elemento de formulario no cumplir con un número mínimo o máximo de caracteres, cuando no contiene datos requeridos, cuando los datos tiene un formato no válido o si el usuario no selecciona una casilla de verificación requerida o el botón de radio.
3 Encerrar el formulario de entrada dentro de "<span>" etiquetas que se aplican los ajustes de Spry a esa entrada:
<Span id = "sprytextfield1"> ...... </ span>
4 Añadir una etiqueta span establecer directamente después de la línea en la entrada de un formulario HMTL para especificar qué tipo de estado de mensaje de error de Spry. Para requerir alguna entrada para un campo de texto, añadir "<span class =" textfieldRequiredMsg "> Se requiere un valor. </ Span>." Se puede cambiar el texto entre las etiquetas span a cualquier texto que desee. Un ejemplo de una casilla de verificación requerida es "<span class =" checkboxRequiredMsg "> Comprobar al menos una caja. </ Span>."
5 Inicializar el widget de validación de Spry después de que el formulario HTML etiqueta de cierre mediante la adición de la llamada JavaScript para los campos de widgets, en sustitución de "sprytextfield1" con el nombre utilizado en las etiquetas span iniciales que encierran toda la entrada de un formulario:
<Script type = "text / javascript">
var = new sprytextfield1 Spry.Widget.ValidationTextField ( "sprytextfield1");
</ Script>
