Estoy desarrollando bajo PHP y MySQL....
Tengo un proyecto donde tengo muchos formularios y esos formularios tienen aproximadamente de 20 a 25 campos Input TEXT. pero lo que requiero es que por medio de JavaScript donde solo acepte los números y que contenga límites del 1 al 100 y que se puedan permitir 2 o 3 decimales después del punto .
Lo que todavía no me sale en el archivo JavaScript es que me acepte una cadena vacía y me la cambie por "default" a la hora de oprimir SUBMIT....
Alguién sabe de esto al respecto??????
Tengo estos ejemplos....
Código Ejemplo 1.-:
Ver original<script type="text/javascript">
function numberblog(e){
var f=function(){this.value=this.value.replace(/\D/,'')};
//num.toFixed(3)
e.onkeyup=f
e.onkeydown=f
e.onkeypress=f
e.onmousedown=f
e.onmouseup=f
e.onclick=f
e.onchange=f
e.onblur=f
}
</script>
<p><input type="text" value="default" id="v">
<script type="text/javascript">numberblog(document.getElementById("v" ))</script>
</p>
En este ejemplo lo que hace es que cuando encuentra un caracter que no sea dígito lo reemplaza por (' ')
En este caso lo que me hace falta es que no me reemplace le PUNTO... pero no se cómo se hace en los Regular Expresions....
-------------------------------------------------------------------------------------------------------
Código Ejemplo 2.-:
Ver original<input maxlength="5" onchange="
range = /^\d{1,2}(\.\d{1,3})?$/;
hundred = /^100$/;
if(!(range.test(this.value) || hundred.test(this.value)))alert('Introducio caracteres no numericos o la cifra no esta en el rango de 0 a 100');
" />
En este ejemplo permite muchos puntos........
Cómo le puedo hacer aquí para que me acepte solo un punto decimal y 2 dígitos después del decimal...???
-------------------------------------------------------------------------------------------------------
Código Ejemplo 3.-:
Ver original<script type="text/javascript">
function fieldNumber (objeto)
{
var valorCampo;
var evento_key = window.event.keyCode;
var numPosPunto = 0;
var strParteEntera = "";
var strParteDecimal = "";
var NUM_DECIMALES = 2;
switch (evento_key)
{
case 48:
case 49:
case 50:
case 51:
case 52:
case 53:
case 54:
case 55:
case 56:
case 57:
case 46:
break;
default:
window.event.keyCode = 0;
return false;
}
valorCampo = objeto.value;
if (evento_key == 46)
if (valorCampo.indexOf(".") != -1)
{
window.event.keyCode = 0;
return false;
}
/* Sólo puede teclear el número de decimales indicado en NUM_DECIMALES */
if ((numPosPunto = valorCampo.indexOf(".")) != -1)
{
strParteEntera = valorCampo.substr(0,(numPosPunto - 1));
strParteDecimal = valorCampo.substr((numPosPunto + 1), valorCampo.length)
if (strParteDecimal.length > (NUM_DECIMALES - 1))
{
window.event.keyCode = 0;
return false;
}
}
return true;
}
function validaNum(n,mini,maxi)
{
n = parseInt(n)
if ( n<mini || n>maxi ) alert("El valor debe ser entre 0 - 100");
}
</script>
<INPUT type=text name="trabPlanea_Tota_d" onChange="validaNum(this.value,0,100)" size="4" onkeypress="fieldNumber(this)" value="default" maxlength="5">
Este es el ejemplo que mejor me sirvió.... wow.....
El único y GRAN DEFECTO es que NO sirve para MOZILLA. No me funciona mi filtro.... Ya que usan WINDOWS.EVENTS
Saben de algo referente al which para reemplazar los windows.events para filtrar por MOZILLA....????
-------------------------------------------------------------------------------------------------------
ME QUEDO con éste ULTIMO.... aunque me faltan los límites de los valores (1 - 100)....
Código Ejemplo 4.-:
Ver original<p>REPLACE de JavaScript pero permitiendo un punto decimal</p>
<script type="text/javascript">
String.prototype.reverse=function(){return this.split('').reverse().join('');};
function numberblog(e){
function f(){
this.value=this.value.reverse().replace(/[^0-9.]/g,'').replace(/\.(?=\d*[.]\d*)/g,'').reverse();
}
e.onkeyup=f
e.onkeydown=f
e.onkeypress=f
e.onmousedown=f
e.onmouseup=f
e.onclick=f
e.onchange=f
e.onblur=f
}
</script>
<p>
<input type="text" value="" id="v">
<script type="text/javascript">
numberblog(document.getElementById("v"))
</script>
</p>
Este ejemplo es el mismo que el primero pero ya permite el punto.... El autor original de este código tengo entendido que es
Ultimater...
Para ver el archivo original dirigirse a la página:
webdeveloper.com-forum-showthread.php?t=85606
FAVOR de reemplazar el GUIÓN ( -) por diagonal (/)
Saludos....Espero haberme expresado bien.... jejejejeje