Cómo validar un formulario en una página web, en el lado del cliente con Javascript. Se comprueban todos sus campos y si son correctos, se envía el formulario.
Vamos realizar un ejemplo de un formulario completo para validar. Las validaciones se hacen en el propio navegador antes de enviarlo. Si hubo algún campo no relleno o con información errónea, el formulario muestra el campo que está incorrecto y solicita al usuario que lo cambie. Si todos los datos del formulario son correctos se envía el formulario.
|
<?php
if($p_action=="send"):
$i_c="INSERT
INTO t_notas(id_usuario,titulo,nota,recordar)
VALUES($se_user,'$titulo','$nota','$recordar')";
//die($i_c);
$r_c=mysql_query($i_c,$conexion);
if($r_c):
?>
<script
type="text/javascript" language="javascript">
alert("Nota
registrado exit\u00f3samente");
location.href="../";
</script>
<?php
else:
?>
<script
type="text/javascript" language="javascript">
alert("No
fue posible registrar esta nota. Intente de nuevo");
</script>
<?php
endif;
endif;
?>
<html>
<head>
<title>PHP
EJEMPLOS</title>
<script
language="JavaScript" type="text/JavaScript">
function validar(form){
if (form.titulo.value == "" ) {
alert("Capture el titulo de
la nota");
form.materia.focus();
return false;
}
form.submit();
}
</script>
</head>
<body>
<form name="form_materia"
action="./" method="post">
<center> <h1>VALIDAR
FORMULARIO</h1></center>
<table width="100%"
border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td align="left"
valign="top" class="titulo4">Titulo:</td>
<td align="left"
valign="top" class="titulo7"><label
for="titulo"></label>
<input name="titulo"
type="text" id="titulo"
size="50"></td>
</tr>
<tr>
<td align="left"
valign="top" class="titulo4">Nota:</td>
<td align="left"
valign="top" class="titulo7"><label
for="nota"></label>
<textarea
name="nota" id="nota" cols="80"
rows="8"></textarea></td>
</tr>
<tr>
<td width="10%"
align="left" valign="top"
class="titulo4">Recordar al incio :</td>
<td width="90%"
align="left" valign="top"><label
for="nombre"></label>
<label
for="recordar"></label>
<select name="recordar"
id="recordar">
<option
value="No">No</option>
<option
value="Si">Si</option>
</select></td>
</tr>
<tr>
<td align="left" valign="top"><input
type="hidden" name="action" value="send"
/></td>
<td align="left"
valign="top"><input type="button"
name="button" id="button" value="Validar
formulario" onClick="validar(document.form_materia);"></td>
</tr>
</table>
</form>
</body>
</html>
|
Entradas
No hay comentarios.:
Publicar un comentario