0 votos
por (100 puntos) en Javascript
Mi problema es el siguiente: Quiero dar de alta a un cliente pero necesito obligatoriamente q todos los campos esten llenados correctamente. le puse este script q te indica si un campo esta vacio pero el problema es q solo te dice si el campo guardado en la variable "x" esta vacio, no se como hacerlo para todos mis campos. Ademas de eso al momento de dar clic en el boton "agregar" si el campo guardado en la variable "x" esta vacio te manda una alerta de vacio y aun asi te envia al siguiente formulario y eso es lo q no quiero. Necesito q todos los campos esten llenos para asi poder pasar al siguiente formulario. Agredeceria la ayuda muchisimo de verdad.

;<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>altas</title>

<script language="JavaScript" type="text/javascript">
function verificar()
{
var x=document.forms.formu.idirec.value;
var n=0;
if (document.forms.formu.idirec.value=="")
{
alert ("ERROR!!!\n\n El campo esta vacio");
}
else
{
for (var i=0;i<x.length;i++){
if((" ").indexOf(x.charAt(i))==-1){ n=1;}
}
alert(n);
if(n==1)
{alert("El campo esta completo")}
else
{
alert("CAMPO INCOMPLETO")}
}
n=0;

}
</script>
<head/>
<body>
<center><h1>Altas de Cliente</h1></center>
<center><form action="altasconectar.php" method="post" id="formu" onsubmit="return verificar_idirec();">
<table border="0">
<tr>
<td>Nick</td>
<td><input type="text" name="inick" size="30" maxlenght="30" required="required"/></td>
<td>Nombre</td>
<td><input type="text" name="inombre" size="30" maxlenght="30" required="required"/></td>
<td>Apellido Paterno</td>
<td><input type="text" name="ia_paterno" size="30" maxlenght="30" required="required"/></td>
</tr>
<tr>
<td>Apellido Materno</td>
<td><input type="text" name="ia_materno" size="30" maxlenght="30" required="required"/></td>
<td>Password</td>
<td><input type="password" name="ipassword" size="30" maxlenght="30" required="required"/></td>
<td>Email</td>
<td><input type="email" name="imail" size="30" maxlenght="30" required="required"/></td>
</tr>
<tr>
<td>Direccion</td>
<td><input type="text" name="idirec" size="30" maxlenght="30" required="required"/></td>
<td>Codigo Postal</td>
<td><input type="text" name="icp" onblur="if (isNaN(this.value))alert('El Codigo Postal debe ser valor debe ser numerico')" size="30" maxlenght="5" required="required"/></td>
</tr>
</table><center/><p></p>
<input type="submit" id="b1" name="b1" value="AGREGAR" onclick="verificar()"/>
</form>

1 Respuesta

0 votos
por (5.4k puntos)
@chris,

Puedes recorrer los campos por tipo text. Y así hacerlo por las tipologías de input (u otros elementos de formulario) que tengas.

Sería algo así como...

<pre lang="javascript">camposTexto = document.getElementById("formulario").elements;
if (camposTexto[x].value == ''
&& camposTexto[x].type=='text'){...}

Lo tienes todo explicado en http://lineadecodigo.com/javascript/campos-obligatorios-en-javascript/

Espero que te oriente.

Saludos.

Preguntas relacionadas

0 votos
0 respuestas
0 votos
1 respuesta
+1 voto
3 respuestas
0 votos
1 respuesta
Bienvenido a Dudas de Programación, donde puedes hacer preguntas y recibir respuestas sobre los problemas más frecuentes de los lenguajes de programación, frameworks de desarrollo y bases de datos que utilices. Foro de Línea de Código

Categorías

...