ayuda con javascript

elgranvato · 8 Nov 2011

Que tal compañeros vengo una molestia, necesito ayuda con javascript, lo que pasa es que me encargaron hacer validaciones de los distintos tipos de datos, esto lo hice en php pero me dijeron que lo hiciera también con javascript y pues ahí viene el problema ya que la verdad no tengo idea de como hacerlo ya que no e trabajado mucho con este lenguaje, si alguien me puede ayudar en verdad lo agradecería mucho. gracias de antemano

nean_degor · 8 Nov 2011

sería mejor que indicaras que validaciones necesitas..
se mas especifico por favor..

dreamsweaver · 8 Nov 2011

debes aprender a manejar el DOM y así te será más fácil y más vistoso a la vez, te recomiendo este tutorial y aun más especifico este tema: link tuto

jesusartik4 · 10 Nov 2011

utiliza la libreria vanadium en javascript, es rapido y facil de utilizar

elgranvato · 12 Nov 2011

nean_degor dijo:

las validaciones son para todos los tipos de datos, es decir los enteros, float con solo 2 decimales, correo electrónico y números telefónicos.

y gracias a todos por su ayuda

RyukInside · 12 Nov 2011

Utiliza jQuery y déjate de problemas... Yo lo uso para trabajos profesionales.

elgranvato · 12 Nov 2011

RyukInside dijo:

pues incluso yo les propuse eso pero me dijeron que lo hiciera con javascript nativo

omega96 · 12 Nov 2011

pues que tipo de validacion quieres? si es por ejemplo solo de que no dejen campos vacios pues es sencillo, si por ejemplo tenemos un formulario con un campo de texto y un boton que envia el formulario.

<html>
<head>
<title>validacion de campos</title>

<script type="text/javascript">
function validaciones(){//esto es la funcion que valida
if(document.getElementById('campo1').value==""){//se hace referencia con DOM al elemento que queremos validar en este caso solo verificamos si esta vacio, pero puede ser cualquier cosa como los tipos de datos que requieres, si esta vacio envia una alerta indicandolo
alert("Hay campos vacios por favor llenalos");

}else{//de los contario el elemento si esta lleno entonces mandamos llamar al metodo submit para enviar el formulario
document.getElementById('forma').submit();
}

}
</script>

</head>

<body bgcolor="#0099CC">
<form action="destinoX" id="forma">

<input type="text" size="50" id="campo1" />
<input type="button" onclick="validaciones();" value="Enviar formulario" /><--aqui mando llamar una funcion que me ayudara a validar el campo de texto, esto es un simple boton no es un Submit-->
</form>

</body>
</html>

en fin, no se que tan complicado sea lo que quieres pero igual espero te alla ayudado, saludos:metal:

Renegado22 · 12 Nov 2011

<html>
<head>
<title> ABC Alumnos </title>

<script language="JavaScript" type="text/javascript">

function valida()
{
if(document.getElementById("numero_control").value=="")
{
alert("te falta rellenar el campo de numero de control");
document.getElementById("numero_control").focus();
return false;
}
else if(document.getElementById("nombre").value=="")
{
alert("te falta rellenar el campo de nombre");
document.getElementById("nombre").focus();
return false;
}
else if(document.getElementById("carrera").value=="")
{
alert("te falta rellenar el campo de carrera");
document.getElementById("carrera").focus();
return false;
}
else if(document.getElementById("semestre").value=="")
{
alert("te falta rellenar el campo de semestre");
document.getElementById("semestre").focus();
return false;
}
else if(document.getElementById("edad").value=="")
{
alert("te falta rellenar el campo de edad");
document.getElementById("edad").focus();
return false;
}
else
{
return true;
}
}
function SoloNumeros()
{
var key=window.event.keyCode;
if(key<46||key>57)
{
window.event.keyCode=0;
}
}

</script>

</head>
<body bgcolor="#AAFFAA">

<center>
<table width="80%" cellpadding="3" cellspacing="0">
<tr height="5" align="Center"><td> ABC Instituto Tecnologico</td></tr>

<tr height="20"><td></td></tr>

<TR>
<td align="center">
<form name="altas" id="altas" method="post" action="altas_aplica.php" onsubmit="return valida();" >
<table width="85%" cellpadding="7" cellspacing="0" class="principal" border="1" bordercolor="#FFFFFF">
<tr valign="middle">
<td width="30%" align="right">*Número de Control:</td>
<td width="70%" align="left"><input name="numero_control" id="numero_control" Size="8" maxlength="8" Type="text" onKeyPress="return SoloNumeros()"/></td>
</tr>
<tr valign="middle">
<td width="24%" align="right">*Nombre:</td>
<td width="76%" align="left"><input name="nombre" id="nombre" Size="40" maxlenght="40" Type="text" /></td>
</tr>
<tr valign="middle">
<td width="24%" align="right">*Carrera:</td>
<td width="76%" align="left"><input name="carrera" id="carrera" Size="20" maxlenght="20" Type="text"/></td>
</tr>
<tr valign="middle">
<td width="24%" align="right">*Semestre:</td>
<td width="76%" align="left"><input name="semestre" id="semestre" Size="5" maxlenght="2" Type="text" onKeyPress="return SoloNumeros()"/></td>
</tr>
<tr valign="middle">
<td width="24%" align="right">Teléfono:</td>
<td width="76%" align="left"><input name="telefono" id="telefono" Size="18" maxlenght="18" Type="text" onKeyPress="return SoloNumeros()" /></td>
</tr>
<tr valign="middle">
<td width="24%" align="right">*Edad:</td>
<td width="76%" align="left"><input name="edad" id="edad" Size="5" maxlenght="2" Type="text" onKeyPress="return SoloNumeros()"/></td>
</tr>
<tr valign="middle">
<td width="24%" align="right">Dirección:</td>
<td width="76%" align="left"><input name="direccion" id="direccion" Size="40" maxlenght="40" Type="text"/></td>
</tr>
<tr valign="middle">
<td width="24%" align="right">Colonia:</td>
<td width="76%" align="left"><input name="colonia" id="colonia" Size="40" maxlenght="40" Type="text"/></td>
</tr>
<tr valign="middle">
<td width="24%" align="right">Ciudad:</td>
<td width="76%" align="left"><input name="ciudad" id="ciudad" Size="40" maxlenght="40" Type="text"/></td>
</tr>
<tr valign="middle">
<td width="24%" align="right">e-mail:</td>
<td width="76%" align="left"><input name="email" id="email" Size="40" maxlenght="40" Type="text"/></td>
</tr>
<tr valign="Top">
<td colspan="2" align="center">
<input type="submit" Value="Guardar">  
<input type="reset" Value="Limpiar">
</td>
</tr>
<tr valign="Top" class="Cuerpo">
<td align="left" width="24%">
*Campos requeridos.
</td>
<td align="center" width="76%">
De clic <a href="index.php"> aqui </a> para regresar al menu
</td>
</tr>
</table>
</form>
</td>
</tr>

<tr height="20"><td> Todos los Derechos Reservados Marbenet Company</td></tr>
</table>
</center>
</body>
</html>

Renegado22 · 12 Nov 2011

haber si te sirve eso carnalito saludos

elgranvato · 14 Nov 2011

ok voy a ver seguro que tu ejemplo me servirá de algo Renegado22
y omega96 las validaciones que necesito son validaciones de tipos es decir
string, correo, float, telefono y la que no e logrado ni siquiera en php HTMLEntitres

ayuda con javascript

elgranvato

Bovino adicto

nean_degor

Bovino maduro

dreamsweaver

Bovino maduro

jesusartik4

Bovino adolescente

elgranvato

Bovino adicto

RyukInside

Bovino maduro

elgranvato

Bovino adicto

omega96

Bovino Milenario

Renegado22

Bovino maduro

Renegado22

Bovino maduro

elgranvato

Bovino adicto