Scribd
Cargar
118 vistas3 páginas

Pasos para Validar Un Formulario en Javascript

El documento describe un ejemplo de cómo validar un formulario en JavaScript, centrándose en el campo 'Código'. Se presenta un código HTML para el formulario y se detallan funciones JavaScript que verifican si los campos están correctamente llenos, mostrando mensajes de error si es necesario. La función principal envía el formulario solo si todas las validaciones son satisfactorias.

Cargado por

Alejandra Olaya
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
118 vistas3 páginas

Pasos para Validar Un Formulario en Javascript

El documento describe un ejemplo de cómo validar un formulario en JavaScript, centrándose en el campo 'Código'. Se presenta un código HTML para el formulario y se detallan funciones JavaScript que verifican si los campos están correctamente llenos, mostrando mensajes de error si es necesario. La función principal envía el formulario solo si todas las validaciones son satisfactorias.

Cargado por

Alejandra Olaya
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

PASOS PARA VALIDAR UN FORMULARIO EN JAVASCRIPT

Vamos a hacer un ejemplo de cmo validar un formulario. Para ello tenemos un


formulario con los campos Cdigo, Nombre, Direccin, telfono e Id llamada. El
objetivo de validar un formulario es que muestre al usuario a travs de un
mensaje si algn campo no fue llenado o se lleno con informacin que no
corresponde a ese campo para lo cual el usuario debe llenar o cambiar la
informacin y asi poder enviar el formulario correctamente. En este caso el
campo a validar es Codigo.

Este es el cdigo del formulario que vamos a validar


<form method="POST" name="formulario">
<div align="center"><center><table border="2" width="500"
bgcolor="#5E75A2">
<tr>
<td colspan="3" bgcolor="#008080"><p align="center"><font
color="#0000FF">INFORMACION PERSONAL</font></p>
</td>
</tr>
<tr>
<td><font color="#000000">CODIGO</font></td>
<td><input type="text" size="30" name="T1"></td>
<td>&nbsp;</td>

</tr>
<tr>
<td>APELLIDOS</td>
<td><input type="text" size="30" name="T2"></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>NOMBRE</td>
<td><input type="text" size="30" name="T3"></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>DIRECCION</td>
<td><input type="text" size="30" name="T4"></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>TELEFONO</td>
<td><input type="text" size="30" name="T5"></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>ID LLAMADA</td>
<td><input type="text" size="30" name="T6"></td>
<td><input type="button" name="B1" value="Enviar"
onclick="testfinal(this.form, this)" </td> </td>
</tr>
</table>
</center></div><p>&nbsp;</p>
<p>&nbsp;</p>
</form>
</body>
</html>
Ahora debemos crear una funcion para validar el formulario. Esta funcin es la que comprueba
si el valor introducido en el campo es correcto, si no muestra un mensaje y abandona la
funcin retornando el valor de 0.
Cuando haya verificado que todos los campos del formulario estn correctos ejecuta la
sentencia de envio del formulario.

<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Formulario</title>
</head>
<body bgcolor="#517DAE">
<script language="JavaScript">
function testBox1(form) {
Ctrl = form.cod;
if (Ctrl.value == "") {

validatePrompt (Ctrl, "Por favor digite el codigo.")


return (false);
} else
return (true);
}

function testfinal(form, button) {


if (!testBox1(form)) return;

formulario.submit();

alert ("Informacin Envida..OK!");

return;

function validatePrompt (Ctrl, PromptStr) {

alert (PromptStr)

Ctrl.focus();

return;

}
</script>

También podría gustarte