problema son expresiones regulares

nexusdata · #1 (**permalink**) 30/01/2013, 18:35

hola amigos del foro primera ves que posteo , tengo un problema usando dicha funciones regulares, verán quiero usarla para asegurarme que un elemento de un formulario este entre 1 y 12 cuando el usuario lo coloque, que solo le permita colar un numero entre uno y doce mas nada se le seria permitido consegui armar esta funcion regular que haci ese cometido pero no funciona la coloco en mi script y no lo toma en cuenta e aqui el codigo para explicarme mejor.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Validar entrada de datos</title>
<script type="text/javascript">

function validar2(e) {
tecla = (document.all) ? e.keyCode : e.which;
if (tecla==8) return true;
patron = /^([0-1]?[0-2]|[0-9])$/ ; // aqui el detalle ignora la epresion regular
te = String.fromCharCode(tecla);
return patron.test(te);

}

</script>
</head>

<body>
<form action="#" onSubmit="javascript:document.form.reset();" method="post">
<p><input type="text" name="textfield" size="2" maxlength="2" onkeypress="return validar2(event)" /><br />
</p>
<input type="submit" > dale
</form>
</body>
</html>

aqui en el script a medida de que la persona introduce los datos voy validando que solo pueda ser entre uno y doce, pero lo ignora , esta forma la quiero usar para asegurarme que el campo meses en un formulario este entre uno y 12 , porfavor si alguien tiene alguna forma de resolver este dilema le estare eternamente agradecido

IsaBelM · #2 (**permalink**) 31/01/2013, 07:19

prueba ahora

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Validar entrada de datos</title>
<script type="text/javascript">
function validar2(e, val) {
var key = (e.keyCode) ? e.keyCode : e.charCode;
var val = val + String.fromCharCode(key);
var patron =/^([1-9]|[1][0-2])$/;
return (patron.test(val));
}
</script>
</head>
<body>
<form action="#" onSubmit="javascript:document.form.reset();" method="post">
<p><input type="text" name="textfield" size="2" maxlength="2" onkeypress="return validar2(event, this.value)" /><br />
</p>
<input type="submit" > dale
</form>
</body>
</html>

fíjate que hay que testear el valor del control y la tecla pulsada

nexusdata · #3 (**permalink**) 31/01/2013, 08:10

hola isabel vi la solucion gracias lo hace, pero no me permite borrar presionando back space cosa que podia hacer con linea que me corregistes del programa original , me di cuenta que si esa linea esta la expresion regular es ignorada alguna idea como permitir borrar con back space porfa

IsaBelM · #4 (**permalink**) 31/01/2013, 09:17

no lo has probado bien. no te dejaría hacer un back con los evento onkeyup/down. sería recomendable que leyeras sobre los eventos del teclado

nexusdata · #5 (**permalink**) 31/01/2013, 12:06

disculpame pero lo ley y lo probe de nuevo y sigue sin funcionar , podrias explicarme porfavor en que estoy fallando porque te juro que lo vi todo la mañana y sigo sin ver el error

, ´perdona mi falta de entendimiento Isabel

IsaBelM · #6 (**permalink**) 31/01/2013, 15:00

ya por último he probado el código con la modificaciones que realicé y como ya sabía se puede hacer back.

si haces un copiar/pegar, verás que no hay nada mas que explicar aparte de lo que comenté en mis post anteriores

danny_ · #7 (**permalink**) 01/02/2013, 19:30

A veces es más fácil darle al usuario cierta "comodidad" al insertar datos y también facilitarnos un poco el trabajo y no tener que crear código innsesario e independiente de javascript.

Puedes añadir una entrada de formulario <select></select> y dentro de ella añadir <option></option> con el número máximo de entradas que quieras darle al usuario. Por ejemplo:

Código HTML:

Ver original<form>
<select>
<option>1</option>
<option>3</option>
<option>4</option>
<option>5</option>
<!--lo puedes alargar hasta el infinito y más allá si lo deseas con un bucle for-->
</select>
 
</form>

Saludos!!

IsaBelM · #8 (**permalink**) 02/02/2013, 06:27

aunque se use combox, se tendrá que continuar validando si es una fecha válida. el combo día tendrá 31 opciones y hay meses que no tienen 31 días

danny_ · #9 (**permalink**) 02/02/2013, 10:20

Validar fechas, eso ya es otro mundo, sin embargo yo lo validaría especialmente desde el servidor aunque también es conveniente lo que tu dices amiga Isabel, pero me remito a las sabias palabras del señor Caricatos, "es conveniente no depender de javascript por si el usuario le da por desactivar scripts del navegador". Y no por eso digo que no se deba usar javascript, amo javascript y todo el abanico de posibilidades que nos da.

Saludos!!

emprear · #10 (**permalink**) 02/02/2013, 15:53

Por si puede ser útil, aqui las dos formas

php

http://foros.emprear.com/php/demo-fo...nacimiento.php

javascript (en la demo se incluye la generación dinámica de los combos)

Código Javascript:

Ver original// funciones de validación
function verifica(){
var campo_dia=document.getElementById('dia').value;
var campo_mes=document.getElementById('mes').value;
var campo_anio=document.getElementById('anio').value;
if(fechaValida(campo_anio,campo_mes,campo_dia) == false){
alert('Ingrese una fecha válidad, día, mes y año');
return false;
}else{
alert('Fecha ok, procesando el formulario...');
}
}
 
function fechaValida(y,m,d){
var fecha = new Date(y,m-1,d);
var convertirFecha = ""+fecha.getFullYear() + (fecha.getMonth()+1) + fecha.getDate();
var fechaDada = "" + y + m + d;
return ( fechaDada == convertirFecha);
}

http://foros.emprear.com/javascript/...esto_form.html

Saludos

danny_ · #11 (**permalink**) 03/02/2013, 05:37

Buena aportación emprear, seguro será de utilidad ya que manejar fechas a veces es un poco complejo. El otro día me tope con una duda sobre como detectar con php el cambio de horario de verano o invierno. Lo veré con mas profundidad mas adelante, pero seguro esto sera de mucha ayuda para más de uno.

Un saludo!

emprear · #12 (**permalink**) 03/02/2013, 07:25

Cita:

Iniciado por danny_

Buena aportación emprear, seguro será de utilidad ya que manejar fechas a veces es un poco complejo. El otro día me tope con una duda sobre como detectar con php el cambio de horario de verano o invierno. Lo veré con mas profundidad mas adelante, pero seguro esto sera de mucha ayuda para más de uno.

Un saludo!

<?php
echo date('I', time());
?>

Devuelve 1 si usa Hora de verano (DST), 0 si no

SAludos

danny_ · #13 (**permalink**) 03/02/2013, 08:56

Me sirve, Gracias!