6 Validacion Datos

Validacion
Validación de datos
La validación de datos es una forma de controlar la
introducción de datos que no cumplen con los requisitos
definidos.
La validación de datos es necesaria en una base de datos. Si

se quiere buscar los registros la palabra “Estudiante” con fines
estadísticos, y no hemos validado nuestro campo en el
formulario es muy probable que encontremos resultados de lo
mas dispares!!! Y el fin del proyecto no será real.
Cuando programes piensa en el usuario como aquella cabra

que si no le indicas el camino se te desviara a la primera de
cambio
Tipos de datos
Número.- La entrada debe ser un número entero o

decimal. Se puede establecer un valor mínimo o
máximo.
Fecha y hora.- Se establece un mínimo o máximo.
Longitud.- Se establece un límite de caracteres

que se pueden escribir en una celda.
Lista de valores.- Se realiza una lista de opciones

de donde el usuario elegirá.
Mensaje a mostrar
Una vez que se valida la celda se puede
o no definir dos tipos de mensajes:
Mensaje de entrada
Se visualiza cuando se da clic en la celda
validada, antes de que se introduzcan los
datos.
Mensaje de error
Se visualiza cuando los datos introducidos
son erróneos no cumplen con los requisitos
definidos.
Tipos de mensaje de error
Mensaje de información.- No impide ala entrada de

datos no válidos, incluye un icono de información, un
botón Aceptar que introduce los datos y un botón
Cancelar, que restaura el valor anterior.
Mensaje de advertencia.- No impide la entrada de

datos, incluye el texto, un icono de advertencia y tres
botones: Si, No y Cancelar. Mensaje de detención.- No
permite la entrada de datos, incluye el texto, un icono
de detención y dos botones: Reintentar y Cancelar.
Validaciones de Formularios
 Recuerde que mientras menos sean las conexiones que tenga que efectuar
al servidor mejor.
 Uno de los principales errores es cuando se valida el formulario en el
servidor.
 Procedimiento:
a) Utilizar inicialmente las etiquetas de HTML5 para validaciones predeterminadas
b) Utilizar elementos de validación Jquery para minimizar el trabajo de codificación de
validacion
c) Utilizar Funciones de Javascript, independiente sea a mano o automatizable a
través de algún editor.
 Recuerde que el envío de un formulario se realiza a través del método
submit del mismo. Y que para validarlo se usa el evento ONSUBMIT
VALIDACIONES POR HTML5
Criterios
OBJETO A Que debe tener? Que se debe usar obligatorio?
VALIDAR
Text no este Vacío propiedad Required
Email formato adecuado predeterminado HTML5
url Empiece por html:// predeterminado HTML5
Tel Cantidad de números necesarios Propiedad Min y Max - ¿Pattern?
Number Solo números Propiedad Min y Max RECUERDA
Range Propiedad Min y Max , Step y Nunca insertes
código de presentacion valores
Date Formato Adecuado Objeto de Jquery predeterminados, el
usuario podría
Time Formato Adecuado Objeto de Jquery pasarlo por alto y
Password No este vacío – ¿Longitud? Propiedad Required enviar valores no
deseados; orientalo
Datalist con placeholder
siempre
TextArea numero de caracteres max Propiedad Max
CheckBox y No este vacio? Propiedad Required
Radio Buttom
Código Presentación en Range
<html>
<body>
<form action="#" method="post" oninput="x.value=parseInt(a.value)">
<input type="range" name="puntaje" id="a" value="5" min="0" max="10">
<output name="x" for="a"></output>
<input type="submit" name=“formulario" value="Enviar">
</form>
</body>
</html>
Soportabilidad
Aquellas validaciones con HTML5, que no sean

soportadas por TODOS los navegadores, será
necesario que utilices objetos de Jquery ejem:
(DatePicker, TimePicker), para evitar disgustos
posteriores
http://jqueryui.com/demos/
DatePicker <!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Fechas</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-3.1.1.js"></script>
<script src="http://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(function () {
$("#fecha").datepicker();
});
</script>
</head>
<body>
<label for="fecha">Fecha:
<input type="text" id="fecha" value="" />
</label>
</body>
</html>
VALIDACIONES POR JAVASCRIPT
Obtención de valores
 Para Utilizarlos internamente en el negocio de la aplicación
 Para realizar validaciones personalizadas internamente
 Para almacenarlos y utilizarlo posteriormente
 EN GENERAL PARA TODO, la interactividad del usuario con las
aplicaciones se basa en obtener los datos a través del usuario y
utilizarlos de todas las formas posibles
Como
obtenemos getElementbyId()
dichos datos? getElementbyName()
La clave de la Manipulacion de
datos
Con Javascript
<type=“text>
La clave de la Manipulacion de
datos
<Type=“radio”> <Type=“checkbox”>
Utilizarlos internamente en el negocio
de la aplicación
Calculadora SEMIARCAICA
Codigo Presentacion file
 Mención especial merce la etiqueta type input=“file”, debido a lo
complejo de su estructura para la inclusión de archivos dentro de
una pagina web.
 Sabemos que dicha instrucción permite agregar a nuestra web
todo tipo de archivo que tengamos en nuestro ordenador local
(PDF,IMÁGENES, WORD, EXCEL, etc), y que sirva para ser enviado a
un servidor en un momento dado
 Pej: Subir nuestra foto a un currículo en linea
Pregunta obligada: Y si queremos
descargar un archivo?
Utilizamos la propiedad dowload

6 Validacion Datos

Cargado por

Copyright:

Formatos disponibles

6 Validacion Datos

Cargado por

Información del documento

Descripción original:

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

6 Validacion Datos

Cargado por

Copyright:

Formatos disponibles

Validacion

La validación de datos es necesaria en una base de datos. Si

Cuando programes piensa en el usuario como aquella cabra

Número.- La entrada debe ser un número entero o

Fecha y hora.- Se establece un mínimo o máximo.

Longitud.- Se establece un límite de caracteres

Lista de valores.- Se realiza una lista de opciones

Mensaje de información.- No impide ala entrada de

Mensaje de advertencia.- No impide la entrada de

Aquellas validaciones con HTML5, que no sean

<meta charset="utf-8" />

<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />

<input type="text" id="fecha" value="" />

También podría gustarte