Javascript - Permitir solo numeros en campo de formulario
Códigos Javascript
El siguiente codigo solo permite ingresar en un campo de formulario, caracteres numericos y no de otro tipo, osea alfanumericos.
Tutores.org
Mostrando Codigo - Javascript
CODIGO
# 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 -->
<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
Comentario usuario
antonio
17-10-2007 13:18:07
5
5
excelente y muy didactico
muy aceptable
y muchas gracias
muy aceptable
y muchas gracias
Comentario usuario
gabriel
03/12/2004 20.42.57
3
5
Muy bueno el codigo,corto, efectivo y facil de usar
Gracias y felicitaciones
Gracias y felicitaciones
Comentario usuario
yopyop
1
5
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?
Comentario usuario
andres
11/08/2005 23.03.51
4
5
window.event no funciona en firefox
http://www.rebuscador.com.ar
http://www.rebuscador.com.ar
Comentario usuario
foxvirtualfoxvirtual
5
5
Muy bueno el tip, lastima que solo funcione con el iexplorer, alguna otra idea para que funcione con el firefox??
Comentario usuario
tbordoytbordoy
4
5
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 ;)
Y en firefox no funciona!
A parte de esto muchas gracias ;)
Comentario usuario
daniel
23/10/2003 10.47.59
4
5
pues si esta muy bueno, lastima que solo funcione en internet explorer:(
Comentario usuario
brunobruno
2
5
<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>
<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>
Comentario usuario
kike
17-06-2009 19:28:52
4
5
Estubo bueno el codigo, lastima q solo funcione para el explorer
aun asi sta corto preciso y efectivo
aun asi sta corto preciso y efectivo
Comentario usuario
angel
16/07/2004 8.30.40
3
5
<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
<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
Comentario usuario
BoomBoom
5
5
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!!
{
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!!
Comentario usuario
Carlos
01/05/2004 16.50.01
4
5
hey hracias deberas me fue util en mi proyecto te agradezco
Comentario usuario
Sin definirSin definir
5
5
Es de gran ayuda y se agradece.
Felicidades por el tutorial. ;)
Felicidades por el tutorial. ;)
Comentario usuario
karinaduartekarinaduarte
3
5
Excelente! me sirvio el codigo. pero como hago lo mismo para validar solo numeros?
Comentario usuario
wilfredo
27/01/2006 22.36.58
4
5
Karina, sera como hacer para validar solo texto.
Comentario usuario
karinaduartekarinaduarte
1
5
<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
<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
Comentario usuario
AmauryAmaury
3
5
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.
e.preventDefault();
y así no se insertaría el carácter indeseado.
Comentario usuario
MarkoMarko
1
5
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>
<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>
Comentario usuario
jose
01-12-2007 02:22:42
4
5
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
porque eso que estan poniendo aplica a toda la pagina sea cual sea el numero de formularios existentes
INSERTAR COMENTARIO