Validación y expresiones regulares

[htmlnewbie]

Hola a todos gente del foro! Espero que estén muy bien!

No sé si ya hayan preguntado ésto con anterioridad, pero me gustaría validar que en un textbox sólamente acepte números y guiones -lo utilizaré para fechas, el formato debe ser AAAA-MM-DD- que cuando el usuario ingrese texto, me mande un "alert"

Aquí pongo el código que he hecho hasta ahorita (y también introduciéndome en el mundo de las "expresiones regulares").

Textbox:

Código:

Fecha de inicio  
      <input type="text" id="fecha_inicio" name="fecha_ini" /> &nbsp;
      <input type="button" id="calendario1" value="»" name="calend1" />

y éste de aquí abajo es el código de mi validación en javascript:

Código:

function ValidarCampoFecha1(){
 
 var expresion = /\d{4}-\d{2}-\d{2}/;
 var concuerda = new RegExp(expresion);
 
 if(document.getElementById("fecha_inicio").value.match(concuerda))
 {
  return true;   
 }
 else
 {
  alert("La fecha sólamente debe contener números y guión. Formato AAAA-MM-DD");   
 }
}

He revisado mi función y parece ser que está bien... pero al momento de invocar la función con un "onSubmit()" si ingreso texto dentro del textbox (donde se supone que sólamente debe ir un número como "2011-12-29") no me aparece mi alert!

Espero me puedan ayudar, gracias por su atención y feliz año nuevo!!!

[Dnielf]

Me funciona en Google Chrome, prueba poniendo

Código Javascript:

return false;
 

después del alert.

[htmlnewbie]

Hola Dnielf! Gracias por tu respuesta!

No me había dado cuenta de eso, pero a pesar de que puse el "return false", no me manda el "alert" D:

Alguna idea de qué puede estar mal?

[_cronos2]

var expresion = /\d{4}-\d{2}-\d{2}/;
var concuerda = new RegExp(expresion);

Dah fuck? O una u otra:

Código Javascript:

var rg = /\d{4}-\d{2}-\d{2}/;
 
 
var rg = new RegExp('\\d{4}-\\d{2}-\\d{2}');
 

Usa ^ y $ para asegurarte de que son el inicio y el fin de la cadena:

Código Javascript:

var rg = /^\d{4}-\d{2}-\d{2}$/;
 

No uses match! Usa test:

Código Javascript:

rg.test(campo.value); // true | false
 

Saludos (:

[htmlnewbie]

Hola _cronos2! Gracias por tu respuesta :D

Fíjate que hice los cambios así como me comentaste, y aun así sigue sin mandar el alert! Aquí te dejo el código de lo que he hecho hasta ahorita:

Código:

function ValidarCampoFecha1(){
 
 var concuerda = new RegExp(/^\d{4}-\d{2}-\d{2}$/);
 
 if(!concuerda.test(document.getElementById("fecha_inicio").value))
  {
   alert("La fecha sólamente debe contener números y guión. Formato AAAA-MM-DD");
   return false;
  }
  else
   return true;
}

Podrías decirme en qué estoy mal? Saludos!

[htmlnewbie]

También utilicé la siguiente forma:

Código:

function ValidarCampoFecha1(){
 
 var fecha_ini = document.getElementById("fecha_inicio");
// var concuerda = new RegExp(/^\d{4}-\d{2}-\d{2}$/);
 
 if(/^\d{4}-\d{2}-\d{2}$/.test(fecha_ini))
 {
  return true;   
 }
 else
 {
  alert("La fecha sólamente debe contener números y guión. Formato AAAA-MM-DD");
  return false;
 }
}

Y nada!

[_cronos2]

En el primer intento te falla lo mismo que antes, usa los literales y olvídate del constructor! Crea la regexp como en el segundo, y si quieres la almacenas en una variable.
En el segundo te falla que a test le estás pasando el input, no el valor del input. Tienes que añadirle ".value"
Saludos (:

[mike28gt]

Tu función me funciona desde el inicio, no será algún problema al llamar a la función?

[htmlnewbie]

Gracias por tu respuesta _cronos2

mike28gt, la función la estoy llamando con un "onsubmit()" (con la cual también estoy llamando otras funciones de validación que hice :P), la forma en que lo invoco es la siguiente:

Código:

function ValidaTodo(){
    
 if(ValidaTextboxVacio() == true && ValidaFechaVacia1() == true && ValidaFechaVacia2() == true)
 {
  if(ValidaFechaInicio() == true && ValidaFechaFin() == true && ValidaFechaIgual() == true)
  {
   if((ValidarCheckbox() == true || document.getElementById("diariamente").checked == true))
   {
    if(ValidarCampoFecha1() == true && ValidarCampoFecha2() == true)
    {
     document.crear_mensaje.submit();   
    }
    else
    {
     return false;   
    }
   }   
  }
 }
 
}

El "true" que tengo aquí para "ValidaCampoFecha1()" es porque lo hacía de la primer forma :P

[mike28gt]

Tienes muchas validaciones, como sabes que es esa función la que te esta fallando? que pasa si ejecutas la función ValidaTodo() de este modo?

Código:

function ValidaTodo(){
    
/* if(ValidaTextboxVacio() == true && ValidaFechaVacia1() == true && ValidaFechaVacia2() == true)
 {
  if(ValidaFechaInicio() == true && ValidaFechaFin() == true && ValidaFechaIgual() == true)
  {
   if((ValidarCheckbox() == true || document.getElementById("diariamente").checked == true))
   {*/
    if(ValidarCampoFecha1() == true /*&& ValidarCampoFecha2() == true*/)
    {
     document.crear_mensaje.submit();   
    }
    else
    {
     return false;   
    }
   /*
   }   
  }
 }
 */
}

[htmlnewbie]

mike28gt, ya encontré mi error :P

La función SÍ TRABAJA, pero como la estoy llamando después de las funciones "Valida Checkbox", el alert solo se mostraría después de corregir los errores que surgieron antes de llamar la función "ValidarCampoFecha1()".

Gracias a todos por su ayuda :) Feliz año nuevo!