SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript

Permitir solo numeros en campo de formulario

El siguiente codigo solo permite ingresar en un campo de formulario, caracteres numericos y no de otro tipo, osea alfanumericos.
Visitas: 143691 - 31/03/2004 2:14:53
NO CONTIENE ARCHIVO DESCARGABLE
CODIGO
Codigo probado en Internet Explorer 4++Este codigo aun no ha sido probado por Tutores.org en FirefoxEste codigo aun no ha sido probado por Tutores.org en NetscapeEste codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org
<HEAD>
<TITLE></TITLE>
</HEAD>
<script language="javascript">
function mis_datos(){
var key=window.event.keyCode;
if (key < 48 || key > 57){
window.event.keyCode=0;
}}
</script>
<basefont face=verdana size=2>
<BODY>
<form name="miForm">
<input type=text name="num" onKeypress="mis_datos()"><br><br>
<input type="button" value="enviar">
</form>
</BODY>
</HTML>

ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Permitir solo numeros en campo de formulario" href="http://www.tutores.org/codigo/1023/" target="_blank">Permitir solo numeros en campo de formulario</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
antonio 17-10-2007 13:18:07
excelente y muy didactico
muy aceptable
y muchas gracias
gabriel 03/12/2004 20.42.57
Muy bueno el codigo,corto, efectivo y facil de usar
Gracias y felicitaciones
yop
hola, me podrias ayudar con algo? cual seria el codigo para que un input es decir, una caja d texto no te acepte mas de dos caracteres repetidos, en caso de que yo quiera capturar "aaa" ó "@@@" o tres veces cualquier letra, que no me dejara hacerlo?
rosarioescentral
muy bueno loco,
y rapido.
diis
No es efectivo. Prueben meter á
andres 11/08/2005 23.03.51
window.event no funciona en firefox

http://www.rebuscador.com.ar
foxvirtual
Muy bueno el tip, lastima que solo funcione con el iexplorer, alguna otra idea para que funcione con el firefox??
tbordoy
No funciona, probad a copiar un texto y pegarlo en el campo de texto veréis como se pega...

Y en firefox no funciona!

A parte de esto muchas gracias ;)
daniel 23/10/2003 10.47.59
pues si esta muy bueno, lastima que solo funcione en internet explorer:(
bruno
<html>
<head>
</head>
<script>
function LP_data(e){
key=(document.all) ? e.keyCode : e.which;
if (key < 48 || key > 57){
alert("solo se pueden ingresar numeros");
return false;
}
return true;
}//fin funcion
</script>
<body>
<form>
<input type="text" onkeypress="return LP_data(event)"></form>
</body>
</html>
kike 17-06-2009 19:28:52
Estubo bueno el codigo, lastima q solo funcione para el explorer
aun asi sta corto preciso y efectivo
angel 16/07/2004 8.30.40
<html>
<head>
</head>
<script>
function LP_data(e){
key=(document.all) ? e.keyCode : e.which;
if (key < 48 || key > 57){
alert("solo se pueden ingresar numeros");
return false;
}
return true;
}//fin funcion
</script>
<body>
<form>
<input type="text" onkeypress="return LP_data(event)"></form>
</body>
</html>

Con este Codigo no puedo eliminar, es decir si me equivoco en un numero y deseo borrarlo, no me lo permite la funcion
Boom
function LP_data(e)
{
key=(document.all) ? e.keyCode : e.which;

if (key < 48 || key > 57 )
{
if (key==8)
{
return true
}
else
alert("solo se pueden ingresar numeros");
return false;
}
}


Ahora si se puede editar!!
Carlos 01/05/2004 16.50.01
hey hracias deberas me fue util en mi proyecto te agradezco
Sin definir
Es de gran ayuda y se agradece.
Felicidades por el tutorial. ;)
karinaduarte
Excelente! me sirvio el codigo. pero como hago lo mismo para validar solo numeros?
wilfredo 27/01/2006 22.36.58
Karina, sera como hacer para validar solo texto.
karinaduarte
<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 validar(e) { // 1
tecla = (document.all) ? e.keyCode : e.which; // 2
if (tecla==8) return true; // 3



//* patron = /[ajt69]/; acepta determinados caracteres elegidos porti


//*patron =/[javierb]/; // 4 evita cararteres elegidos por ti requiere lo de abajo
//*te = String.fromCharCode(tecla); // 5
//*return !patron.test(te); // 6



//* patron = /d/; // Solo acepta números
//* patron = /w/; // Acepta números y letras

patron = /D/; //evita numeros
patron =/[A-Za-zñÑs]/; // 4 solo admite letras y ñ
te = String.fromCharCode(tecla); // 5
return patron.test(te); // 6
}
</script>
</head>

<body>
<p><input type="text" name="textfield" onKeyPress="return validar(event)" /><br />
<textarea rows="5" cols="20" onKeyPress="return validar(event)"></textarea></p>
</body>
</html>

ENCONTRE ESTE CODIGO! SIRVE PARA VARIAS COSAS.

Tiene varias opciones marcadas con * para activar una opcion quiten el comentario //* y asi estara activo ;) espero les sirva a todos
Amaury
Hola a todos quisiera hacerle un pequeño aporte al código de Boom, en el else incluiría:
e.preventDefault();
y así no se insertaría el carácter indeseado.
Marko
A mi me gustaría dejarles otra aportación surgida desde la función de Bloom y la aportación de Amaury que sólo funciona para Firefox y no para MSIE. Sin contar la extraordinaria función con expresiones regulares de karinaduarte. Lo siguiente funciona perfecto en ambos navegadores y en ninguno de los dos agrega el caracter indeseado.

<script type="text/javascript">
var onlyNum = function(){

var key=window.event.keyCode;
if (key < 48 || key > 57){
window.event.keyCode=0;
}

}

function LP_data(e)
{
key=(document.all) ? e.keyCode : e.which;

if (key < 48 || key > 57 )
{
if (key==8)
{
return true
}
else
if(e.preventDefault) e.preventDefault();
e.returnValue = false;
return false;
}
}
</script>
jose 01-12-2007 02:22:42
pero para validar campos solo numeros y otros solo letras y asi en un mismo formulario??

porque eso que estan poniendo aplica a toda la pagina sea cual sea el numero de formularios existentes
javier 11/02/2006 22.48.05
Esta super interesante este foro
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.