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

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.
Visitas: 153,695 - 31/03/2004 2:14:53
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este 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

  1. <HEAD>
  2. <TITLE></TITLE>
  3. </HEAD>
  4. <script language="javascript">
  5. function mis_datos(){
  6. var key=window.event.keyCode;
  7. if (key < 48 || key > 57){
  8. window.event.keyCode=0;
  9. }}
  10. </script>
  11. <basefont face=verdana size=2>
  12. <BODY>
  13. <form name="miForm">
  14. <input type=text name="num" onKeypress="mis_datos()"><br><br>
  15. <input type="button" value="enviar">
  16. </form>
  17. </BODY>
  18. </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
Comentario usuario
17-10-2007 13:18:07
2 5
excelente y muy didactico
muy aceptable
y muchas gracias
Comentario usuario
03/12/2004 20.42.57
5 5
Muy bueno el codigo,corto, efectivo y facil de usar
Gracias y felicitaciones
Comentario usuario
yop
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
rosarioescentral
1 5
muy bueno loco,
y rapido.
Comentario usuario
diis
4 5
No es efectivo. Prueben meter á
Comentario usuario
11/08/2005 23.03.51
1 5
window.event no funciona en firefox

http://www.rebuscador.com.ar
Comentario usuario
foxvirtual
5 5
Muy bueno el tip, lastima que solo funcione con el iexplorer, alguna otra idea para que funcione con el firefox??
Comentario usuario
tbordoy
3 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 ;)
Comentario usuario
23/10/2003 10.47.59
4 5
pues si esta muy bueno, lastima que solo funcione en internet explorer:(
Comentario usuario
bruno
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>
Comentario usuario
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
Comentario usuario
16/07/2004 8.30.40
5 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
Comentario usuario
Boom
2 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!!
Comentario usuario
01/05/2004 16.50.01
3 5
hey hracias deberas me fue util en mi proyecto te agradezco
Comentario usuario
Sin definir
5 5
Es de gran ayuda y se agradece.
Felicidades por el tutorial. ;)
Comentario usuario
karinaduarte
4 5
Excelente! me sirvio el codigo. pero como hago lo mismo para validar solo numeros?
Comentario usuario
27/01/2006 22.36.58
4 5
Karina, sera como hacer para validar solo texto.
Comentario usuario
karinaduarte
4 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
Comentario usuario
Amaury
4 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.
Comentario usuario
Marko
2 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>
Comentario usuario
01-12-2007 02:22:42
3 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
Comentario usuario
11/02/2006 22.48.05
4 5
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.