Validación automática en el cliente

En la validación del cliente, nos referimos aquí a la validación que se realiza en el navegador del usuario, ya que la forma de procesamiento, lo que significa que la página no se pasa al servidor de ColdFusion para ser procesado. En cambio, el usuario ve un mensaje pop-up de JavaScript que indica el problema. El usuario puede pulsar el botón Aceptar y corregir el problema inmediatamente, sin necesidad de realizar copias de seguridad para corregirlo. Pero, ¿esto JavaScript pop-up concepto te asusta? ¿Está usted tal vez no estén familiarizados con JavaScript? O preocupado por cross-script navegador problemas de soporte técnico? La gran cosa sobre automático de clientes CF capacidad de validación es que crea el código JavaScript para que usted pueda realizar esta validación y pop-up tipo de mensajes. Usted, el programador, no es necesario entender o cualquier código JavaScript en todos. Y el código JavaScript que se crea obras, incluso en las versiones anteriores del navegador. Entonces, ¿cómo conseguir la mercancía? Sólo tiene que hacer un par de cambios menores en el formulario. En efecto, la primera cosa a hacer es cambiar la forma de etiqueta a sí mismo en una etiqueta CFFORM (y también cambiar el cierre / etiqueta forma a un cierre / tag CFFORM). Esto le dice a ColdFusion que se está creando una forma que aprovecha las capacidades de validación que estamos discutiendo aquí. CFFORM también puede ser utilizado para introducir algunas características mejoradas, tales como interfaz CFGRID, CFTREE, y otros. Estos applet de Java basada en las características están más allá del alcance de la discusión de este artículo acerca de la validación y se discuten más. Y aunque también discutir una etiqueta CFSELECT que agrega algunas funciones de validación, la etiqueta CFSELECT se puede utilizar sin ningún tipo de validación para crear fácilmente listas desplegables (listas de selección) sobre la base de los resultados de consultas de ColdFusion.

La etiqueta es una etiqueta CFFORM interesante, en comparación con la mayoría de los tags. Es la clara intención de ser un reemplazo para la etiqueta del formulario HTML, pero añade funcionalidad extra que no era parte de la especificación HTML. ¿Cómo puede este trabajo? ¿Cómo puede CF causa de un navegador de hacer algo que (teóricamente) no se puede hacer? Bueno, lo que pasa es que el ColdFusion CFFORM la etiqueta se convierte de nuevo en una etiqueta de forma regular y, a continuación, también agrega a la página el código JavaScript que es necesarios para realizar la validación de lo que usted ha solicitado. ¿Y cómo la validación de solicitudes? Usted tiene dos tipos de etiquetas para que usted puede agregar la validación de JavaScript, CFINPUT y CFSELECT. Al igual que la etiqueta CFFORM, estos se corresponden directamente con sus aportaciones y sus contrapartes SELECT. El primer paso en la transformación de la forma de la conexión al principio de este artículo en uno que utiliza validación integrada en JavaScript CF es simplemente cambiar el par de etiquetas y etiquetas FORM de entrada en CFFORM pares de etiquetas y tags CFINPUT, como sigue:

 Introduzca su nombre de usuario y contraseña: 
 Nombre de usuario: 
 Contraseña: 

Si se mira de cerca, puede observar que hemos dejado en la validación de campo oculto del ejemplo anterior. Habiendo tanto en el cliente y validación en el servidor de forma sencilla y está perfectamente bien. Si por alguna razón el navegador no es compatible con JavaScript para el proceso de validación en el cliente que ColdFusion genera, la validación de campos ocultos puede estar allí para respaldarlo, como el formulario se procesa en el servidor. Aunque se puede mantener oculta la los campos en su lugar dentro de un CFFORM, no debe cambiar las etiquetas INPUT para los campos ocultos a las etiquetas CFINPUT. Sólo etiquetas de entrada que no son de tipo = "hidden" se puede utilizar con CFINPUT (incluidos los valores de tipo "texto", "casilla de verificación", "Radio" y "contraseña"). Realmente no aparece de forma diferente a todos. ColdFusion cambia el CFFORM en una etiqueta FORM y el CFINPUT en etiquetas de entrada correspondiente y añade algo de código JavaScript para realizar una validación solicitada. Pero, por supuesto, si usted no ha solicitado ningún validación, a utilizar el CFFORM y etiquetas CFINPUT no es lógico. Como paso hacia la comprensión de la función, sin embargo, la comprensión de esta característica es útil.

Al igual que con el servidor automático de lado (campo oculto) de validación que se discuten, CFINPUT se puede utilizar para indicar o bien que un campo es necesario una (lo que significa que el usuario debe introducir un valor), y / o puede indicar alguna tipo particular de validación. De hecho, no sólo comparte la mayoría de los tipos de validación mismo (_fecha, _time, _integer, _float, y así sucesivamente), sino que también añade validaciones adicionales (como la tarjeta de crédito, teléfono, y más). Se discuten los de un momento. En primer lugar, echar un vistazo a un ejemplo de la validación necesaria la adición mediante CFINPUT. Es diferente del enfoque oculta campo, y sin embargo es más sencillo. En lugar de añadir un nuevo campo a la forma, usted sólo tiene que añadir un nuevo atributo-valor a la etiqueta. De hecho, para la validación necesaria, es simplemente una cuestión de añadir necesarios = "sí", como en el ejemplo siguiente:

En el siguiente ejemplo, queremos cambiar tanto este campo y la etiqueta CFINPUT la contraseña del sistema, que nos da la siguiente:

 Introduzca su nombre de usuario y contraseña: 
 Nombre de usuario: 
 Contraseña: 

Tenga en cuenta que, debido a que el espacio disponible [donde?], Las etiquetas CFINPUT cada uno dividido en dos líneas en el ejemplo anterior. El atributo exigida se especifica en la etiqueta CFINPUT. Si esta forma se procesa y se envía sin valor introducido un nombre de usuario, el resultado es un pop-up mensaje de JavaScript. Como desarrollador de CF, no debe preocuparse por el código JavaScript que se crea , pero si le interesa, basta con utilizar la vista de origen o Ver ➪ ➪ comando fuente de la página de la barra de menú de su navegador para mostrar el código HTML generado desde tu página. Considerando que CF5 y versiones anteriores generado quizás tantos como 50 líneas de código JavaScript que aparece en la parte superior del HTML generado, CF MX utiliza un archivo JavaScript incrustado (utilizando un