Bloquear expresion si se cumple

[informacionsys]

hola compañeros

tengo una mascara de formato Hora

Código Javascript:

var Init = function(e,fn)
{
    e.value = fn(e.value);
}
 
function Hora(e)
{   
    return e.replace(/(0[1-9]|[12]+[0-4])+(0[1-9]|[12345][1-9])$/gi,"$1:$2")
}
 

Código HTML:

<input type="text" id="cambios" value="" onkeyup="javascript:Init(this,Hora)"/>
 

Como puedo bloquear o hacer que si se cumple la expresion no pueda escribir mas.... si yo escribo 0102 quedaria asi: 01:02 , ahi se cumplio y que no permita hacer 01:020202 ... o tambien que elimine los caracteres despues del texto que cumple la expresion regular

gracias.

[emprear]

Si el formato de la hora no va a variar, basta con que agregues el atributo
maxlength="5"
al input, te serviria desde
00:00 hasta
23:59

Saludos

[informacionsys]

hola

ok gracias, si tienes toda la razon ,pero lo voy hacer desde javascript , validar la cantidad de caracteres...

[furoya]

Iniciado por informacionsys

... lo voy hacer desde javascript , validar la cantidad de caracteres...

... del maxlength ?

Código:

function Hora(e)
{  
	document.getElementById("cambios").maxLength = "5";
	return e.replace(/(0[1-9]|[12]+[0-4])+(0[1-9]|[12345][1-9])$/gi,"$1:$2");
}

De todas formas, hay un detalle que debes arreglar, el evento funciona mientras tengas presionada la tecla. Eso te permite ingresar el mismo caracter todas las veces que quieras.

[IsaBelM]

de primera la expresión no valida el rango (15 -19). después lo que comenta furoya es fácil de corregir. ya se trató en otro tema (ahora no lo encuentro) y por último, por qué invocas a la función "Hora" desde otra función??

[informacionsys]

hola

mira porque si lo hago directamente en la funcion Hora asi:

Código Javascript:

function Hora(e)
{   
    e = e.value.replace(/\D/gi,"")
    e = e.value.replace(/(0[1-9]|1[0-2])+(0[1-9]|[012345][0-9])$/gi,"$1:$2")
    return e;
}
 

Me dice que e.value is undefined....

[emprear]

Iniciado por furoya

... del maxlength ?

Código:

function Hora(e)
{  
	document.getElementById("cambios").maxLength = "5";
	return e.replace(/(0[1-9]|[12]+[0-4])+(0[1-9]|[12345][1-9])$/gi,"$1:$2");
}

De todas formas, hay un detalle que debes arreglar, el evento funciona mientras tengas presionada la tecla. Eso te permite ingresar el mismo caracter todas las veces que quieras.

Iniciado por IsaBelM

de primera la expresión no valida el rango (15 -19). después lo que comenta furoya es fácil de corregir. ya se trató en otro tema (ahora no lo encuentro) y por último, por qué invocas a la función "Hora" desde otra función??

@furoya, @isaBelM

siguiendo un poco vuestras líneas de pensamiento (como la de tantos otros grandes del Javascript que participan de FDW)
Esto de usar javascript para este caso en lugar de tan solo un atributo html, equivale a cargar una librería (como se dice @furoya... yacuery?) para modificarle el color a un texto onmouseover.

hay algún impedimento ó falla en proponer el uso de maxlenght como sugerí?


Saludos

[informacionsys]

hola

mmmmm no hay ningun impedimento o que sea incorrecto hacer lo que tu dices emprear , pero la idea es que se pueda hacer desde la funcion, por que ? porque si un usuario usa la funcion , deberia saber que tiene que colocar el atributo al input, y si no la coloca," ohhhh no me funciona"

[furoya]

¡Por eso yo te lo metí en la función. !
(Je)

Iniciado por emprear

...siguiendo un poco vuestras líneas de pensamiento (como la de tantos otros grandes del Javascript que participan de FDW)...

Me alegra que haya dejado su falsa humildad de lado y reconozca que pertenece al grupo de los grandes.

(No lo digo por ustedes, pero hay un pedante que si sigue metiendo estos comentarios le van a pegar un shot-de-cul en cualquier momento.)


Y sí, ¿no se pronuncia "yaicuery"? Mi inglés está medio aporteñado.

[emprear]

Iniciado por furoya

¡Por eso yo te lo metí en la función. !
(Je)
Me alegra que haya dejado su falsa humildad de lado y reconozca que pertenece al grupo de los grandes.
.

NO!!!, yo no me incluí en ningún momento, por eso lo de "vuestras"... yo solo soy algo "ingenioso"... (según han dicho por ahi)

@informacionsys

Sabrá quien la use que esta validando un input? porque si pone la función sola, mucho no va a conseguir.
Yo me atengo a lo propuesto "Bloquear expresion si se cumple", no a si estás desarrrollando una función para el posterior uso de un tercero, tanto la imaginación no me vuela

Saludos

[IsaBelM]

Iniciado por informacionsys

hola

mira porque si lo hago directamente en la funcion Hora asi:

Código Javascript:

function Hora(e)
{   
    e = e.value.replace(/\D/gi,"")
    e = e.value.replace(/(0[1-9]|1[0-2])+(0[1-9]|[012345][0-9])$/gi,"$1:$2")
    return e;
}
 

Me dice que e.value is undefined....

y así??

function Hora(e)
{
e.value = e.value.replace(/(0[1-9]|[12]+[0-4])+(0[1-9]|[12345][1-9])$/gi,"$1:$2")
}

<input type="text" id="cambios" value="" onkeyup="Hora(this)"/>

aunque tampoco es que merezca hablar mucho de ello ya que hace aguas por todos los lados. mas de lo que me pareció esta mañana

prueba con esta mascara de entrada

<!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>
<meta content="text/html; http-equiv="Content-Type" charset=utf-8"/>
<title></title>
<script type="text/javascript">
var patron = new Array(2,2)
function Validar(elem,separador,pat,numerico) {
if(elem.valoranterior != elem.value) {
valor = elem.value;
largo = valor.length;
valor = valor.split(separador);
valor2 = "";

for(i=0; i<valor.length; i++) {
valor2 += valor[i];
}

if(numerico){
for(j=0; j<valor2.length; j++){
if(isNaN(valor2.charAt(j))){
letra = new RegExp(valor2.charAt(j),"g");
valor2 = valor2.replace(letra,"");
}
}
}

valor = "";
valor3 = new Array();
for(n=0; n<pat.length; n++) {
valor3[n] = valor2.substring(0,pat[n]);
valor2 = valor2.substr(pat[n]);
}

for(q=0; q<valor3.length; q++) {
if(q == 0) {
if (valor3[0] > 24) {
valor = "";
}else{


if (valor3[q].split('')[0] >=3 && valor3[q].split('')[0] <=9) {

valor = "0" + valor3[q];



} else {


valor = valor3[q];

}

}

}else{
if(valor3[q] != "") {
if ((valor3[0] == 24) && (valor3[1] >= 0)) {

valor = "00:" + valor3[1];

} else if (valor3[1] > 59) {

valor = valor3[0];

}else{
valor += separador + valor3[q];
}
}
}
}

elem.value = valor;
elem.valoranterior = valor;
}
}
</script>
</head>
<body>
<form>
<input type="text" name="fecha" id= "fecha" onkeyup="Validar(this,':',patron,true)" maxlength="5" />
</form>
</body>
</html>

la base del código fue sacada de tunait

Iniciado por emprear

hay algún impedimento ó falla en proponer el uso de maxlenght como sugerí?

como creo que es una pregunta retorica e incluyete. "vos sos" grande

[informacionsys]

hola

gracias a todos por sus aportes, IsaBelM gracias por depurarme...

[furoya]

Iniciado por IsaBelM

... después lo que comenta furoya es fácil de corregir. ya se trató en otro tema (ahora no lo encuentro) ...

Encontreeelooo!

Restringir cantidad de carácteres de tecla presionada de forma sostenida

Iniciado por IsaBelM

... incluyete. "vos sos" grande

(Muy bien. Hay que levantarle la autoestima al hombre. Algún día tiene que asumirse.
Y que sepa que su abuelo Pirri estaría orgulloso.)