Foros del Web » Programando para Internet » Javascript »

validacion formulario campo telefono

 Estas en el tema de validacion formulario campo telefono en el foro de Javascript en Foros del Web. buenas comunidad mi nombre es nuria, tengo un formulario y lo que quiero validar es que el campo telefono se abligatorio, y que sean 9 ...
  #1 (permalink)  
Antiguo 26/03/2013, 19:38
 
Fecha de Ingreso: enero-2012
Mensajes: 30
Antigüedad: 12 años, 10 meses
Puntos: 1
validacion formulario campo telefono
buenas comunidad mi nombre es nuria, tengo un formulario y lo que quiero validar es que el campo telefono se abligatorio, y que sean 9 digitos numericos.
actualmente tengo esto:
Al ser posible me gustaria que lo digera en dos pasos, 1: q el campo es obligatorio y 2. que sean digitos
<SCRIPT>
<!--
function validarform(f)

if (f.tel.value.length < 9) {
alert("Escribe un mínimo de 9 digitos como teléfono");
Forma.tel.focus();
return (false);
}

....

return true



muchas gracias, nueva en este mundo!
}
// -->
</SCRIPT>
...
  #2 (permalink)  
Antiguo 26/03/2013, 21:07
Avatar de emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: validacion formulario campo telefono
Podés forzar esas condiciones sin tener que validar nada

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es-ar">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>solo 9 números</title>
  6. <script>
  7. var nav4 = window.Event ? true : false;
  8. function aceptNum(evt){
  9. var key = nav4 ? evt.which : evt.keyCode;
  10. return (key <= 13 || (key>= 48 && key <= 57));
  11. }
  12. </script>
  13. </head>
  14. <body>
  15. <form action="#">
  16. <input type="text" name="valor" size="9" maxlength="9" onkeypress="return aceptNum(event)" onpaste="return false;">
  17. </form>
  18. </body>
  19. </html>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
Última edición por emprear; 26/03/2013 a las 22:57
  #3 (permalink)  
Antiguo 26/03/2013, 22:22
Avatar de oscard41  
Fecha de Ingreso: mayo-2012
Ubicación: Caracas
Mensajes: 288
Antigüedad: 12 años, 6 meses
Puntos: 8
Respuesta: validacion formulario campo telefono
nuria1254 yo tu lo haria con una expresion regular seria algo asi

Código Javascript: 
Ver original
  1. funtion validar(){
  2.   var numeroTelefono=document.getElementById('id_delInputText');
  3.   var expresionRegular1=/^([0-9]+){9}$/;//<--- con esto vamos a validar el numero
  4.   var expresionRegular2=/\s/;//<--- con esto vamos a validar que no tenga espacios en blanco
  5.  
  6.   if(numeroTelefono.value=='')
  7.      alert('campo es obligatorio');
  8.   else if(expresionRegular2.test(numeroTelefono.value))
  9.     alert('error existen espacios en blanco');
  10.   else if(!expresionRegular1.test(numeroTelefono.value))
  11.     alert('Numero de telefono incorrecto');
  12. }

la primera expresión " /^([0-9]+){9}$/" regular valida que en el campo solo haya solo combinaciones de numeros del 0 al 9 y su longitud sea de 9 te arroja true si esto se cumple;

en la segunda expresion /\s/ regular valida si existen espacios en blanco igualmente te arroja true si esa condición se cumple...

ojala te sirva de algo...
  #4 (permalink)  
Antiguo 26/03/2013, 22:25
Avatar de emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: validacion formulario campo telefono
Cita:
Iniciado por oscard41 Ver Mensaje
nuria1254 yo tu lo haria con una expresion regular seria algo asi

Código Javascript: 
Ver original
  1. funtion validar(){
  2.   var numeroTelefono=document.getElementById('id_delInputText');
  3.   var expresionRegular1=/^([0-9]+){9}$/;//<--- con esto vamos a validar el numero
  4.   var expresionRegular2=/\s/;//<--- con esto vamos a validar que no tenga espacios en blanco
  5.  
  6.   if(numeroTelefono.value=='')
  7.      alert('campo es obligatorio');
  8.   else if(expresionRegular2.test(numeroTelefono.value))
  9.     alert('error existen espacios en blanco');
  10.   else if(!expresionRegular1.test(numeroTelefono.value))
  11.     alert('Numero de telefono incorrecto');
  12. }

la primera expresión " /^([0-9]+){9}$/" regular valida que en el campo solo haya solo combinaciones de numeros del 0 al 9 y su longitud sea de 9 te arroja true si esto se cumple;

en la segunda expresion /\s/ regular valida si existen espacios en blanco igualmente te arroja true si esa condición se cumple...

ojala te sirva de algo...
Es completamente innecesario si usa el método que le mencioné

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 26/03/2013, 22:32
Avatar de oscard41  
Fecha de Ingreso: mayo-2012
Ubicación: Caracas
Mensajes: 288
Antigüedad: 12 años, 6 meses
Puntos: 8
Respuesta: validacion formulario campo telefono
La idea es que tenga varios punto de vista, lo que comente no lo hice con intenciones de reprochar tu ayuda lo hice con el fin de poder colaborar...
  #6 (permalink)  
Antiguo 26/03/2013, 22:42
Avatar de emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: validacion formulario campo telefono
Cita:
Iniciado por oscard41 Ver Mensaje
La idea es que tenga varios punto de vista, lo que comente no lo hice con intenciones de reprochar tu ayuda lo hice con el fin de poder colaborar...
Estás mal interpretando, nadie puso "intencionalidad alguna" en tu respuesta. Es que simplemente, para lo que puntualmente necesita, el análisis de 2 expresiones regulares y la evaluación de 2 condicionales solo conlleva mayor carga en la ejecución.

Si se quiere, una validación como la que mencionás debería realizarla en el servidor, que es dónde debería realizarse cualquier validación seria.
Pero este es el foro de javascript

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #7 (permalink)  
Antiguo 26/03/2013, 22:48
Avatar de oscard41  
Fecha de Ingreso: mayo-2012
Ubicación: Caracas
Mensajes: 288
Antigüedad: 12 años, 6 meses
Puntos: 8
Respuesta: validacion formulario campo telefono
Cita:
Iniciado por emprear Ver Mensaje
Estás mal interpretando, nadie puso "intencionalidad alguna" en tu respuesta. Es que simplemente, para lo que puntualmente necesita, el análisis de 2 expresiones regulares y la evaluación de 2 condicionales solo conlleva mayor carga en la ejecución.

Si se quiere, una validación como la que mencionás debería realizarla en el servidor, que es dónde debería realizarse cualquier validación seria.
Pero este es el foro de javascript

Saludos
aprovecho entonces para preguntarte ya que veo que tienes mucha mas experiencia , yo apenas estoy aprendiendo...

en el caso de que se ingresen datos cuyo destino es ser guardados en una base de datos lo mas recomendable es hacer una doble validacion? una en la vista con javascript y otra del lado del servidor cuando se reciben los datos?
  #8 (permalink)  
Antiguo 26/03/2013, 22:54
Avatar de emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: validacion formulario campo telefono
Tené en cuenta que con solo deshabiltar javascript en el navegador, cualquier validación puede ser pasada por alto. la validación en javascript sirve fundamentalmente para mejorar la experiencia del usuario.

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #9 (permalink)  
Antiguo 26/03/2013, 23:04
Avatar de oscard41  
Fecha de Ingreso: mayo-2012
Ubicación: Caracas
Mensajes: 288
Antigüedad: 12 años, 6 meses
Puntos: 8
Respuesta: validacion formulario campo telefono
Cita:
Iniciado por emprear Ver Mensaje
Tené en cuenta que con solo deshabiltar javascript en el navegador, cualquier validación puede ser pasada por alto. la validación en javascript sirve fundamentalmente para mejorar la experiencia del usuario.

Saludos
Gracias por tu respuesta, no habia tenido eso en cuenta como te comente estoy aprendiendo...
  #10 (permalink)  
Antiguo 27/03/2013, 03:06
 
Fecha de Ingreso: enero-2012
Mensajes: 30
Antigüedad: 12 años, 10 meses
Puntos: 1
Respuesta: validacion formulario campo telefono
mi codigo actual



<body>
<form method="POST" action="enviar.php" onSubmit="return validarform(this)" name="Forma">
<div align="center">
<table border="0" width="63%" cellspacing="0" cellpadding="0">
<tr>
<td width="45%" align="right">
<p style="margin-right: 10px; margin-top: 0; margin-bottom: 0">
<font face="Tahoma" size="2">Asunto</font></td>
<td width="55%">
<p style="margin-top: 0; margin-bottom: 0">
<input type="text" name="asunto" size="26" style="font-family: Tahoma; font-size: 8pt; width:140; height:20"></td>
</tr>
<tr>
<td width="45%" align="right">
<p style="margin-right: 10px; margin-top: 0; margin-bottom: 0">
<font face="Tahoma" size="2">Nombre</font></td>
<td width="55%">
<p style="margin-top: 0; margin-bottom: 0">
<input type="text" name="nombre" size="26" style="font-family: Tahoma; font-size: 8pt; width:140; height:20"></td>
</tr>
<tr>
<td align="right"><p style="margin-right: 10px; margin-top: 0; margin-bottom: 0"> <font face="Tahoma" size="2">Telefono</font></td>
<td><p style="margin-top: 0; margin-bottom: 0">
<input name="tel" type="text" id="tel" style="font-family: Tahoma; font-size: 8pt; width:140; height:20" size="26">
</td>
</tr>

<tr>
<td width="45%" align="right">
<p style="margin-right: 10px; margin-top: 0; margin-bottom: 0">
<font face="Tahoma" size="2">E-Mail</font></td>
<td width="55%">
<p style="margin-top: 0; margin-bottom: 0">
<input type="text" name="email" size="26" style="font-family: Tahoma; font-size: 8pt; width:140; height:20"></td>
</tr>
<tr>
<td valign="top" colspan="2">
<p align="center" style="margin-right: 10px; margin-top: 0; margin-bottom: 0">
<font face="Tahoma" size="2">Comentario</font></td>
</tr>
<tr>
<td valign="top" colspan="2">
<p style="margin-top: 0; margin-bottom: 0" align="center">
<textarea rows="8" name="comentario" cols="46" style="font-family: Tahoma; font-size: 8pt; width:243; height:49"></textarea></td>
</tr>
</table>
</div>

<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Tahoma"><input type="submit" value="Enviar" name="B1">
<input type="reset" value="Borrar" name="B2"></font></p>
</form>
<p>

<SCRIPT>
<!--
function validarform(f)
{
if (f.asunto.value.length < 4) {
alert("Escribe un Minimo de 4 Letras Como Asunto");
Forma.asunto.focus();
return (false);
}
if (f.nombre.value.length < 4) {
alert("Escribe un Minimo de 4 Letras Como nombre");
Forma.nombre.focus();
return (false);
}

valor = document.getElementById("campo").value;
if( !(/^\d{9}$/.test(valor)) ) {
return false;
}

if (f.tel.value.length < 9) {
alert("Escribe un Minimo de 9 Digitos como Teléfono");
Forma.tel.focus();
return (false);
}

if((f.tel.value.indexOf(".") == -1)||
(f.tel.value.indexOf("@") == -1)||
(f.tel.value.length < 9)) {
alert("Telenono valido");
Forma.email.focus();
return (false);
}
if((f.email.value.indexOf(".") == -1)||
(f.email.value.indexOf("@") == -1)||
(f.email.value.length < 5)) {
alert("La Dirección de Correo No Es Válida");
Forma.email.focus();
return (false);
}
if (f.comentario.value.length < 10) {
alert("Se Requiere de un Minimo de 10 Letras Como Comentario");
Forma.comentario.focus();
return (false);
}
else
return true
}
// -->
</SCRIPT>





</body>

</html>


como hago los nuevos cambios?

Etiquetas: campo, formulario, validacion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 18:42.