hacer que un textbox lea solo numero

[gonzalezyimi]

amigos delweb, soy nuevo en la programacion HTML, como hago para que un texTboX me lea solo números y cierta cantidad de caracteres.
tengo el siguiente codigo que me muestra el texTboX;

<form name="eMailer"> Nombre: <input type="text" name="address" size="25">
//ESTE ES PARA QUE ME MUESTRE EL NOMBRE
<form name="eMailer"> Cedula: <input type="text" name="address" size="15">
//ESTE ES PARA QUE ME MUESTRE LA CI, PERO SOLO DEBE ACEPTAR 8 NUMEROS.

CON C# LO SE REALIZAR, UTILIZANDO CODIGO ASQUI . PERO CON HTML SOY NUEVO.


ATT: GONZALEZYIMI, ESPERO QUE ME PUEDAN AYUDAR.

[emprear]

Para que se pueda limitar el número de caracteres a ingresar
maxlenght="x", x es es el valor

Para verificar que sea un número y que la longitud de la cadena respete un numero de caracteres determinado, tenes que validar el campo, von javascript, php ó algun otro lenguaje de programación, podés usar tambiémn exprsiones regulares

var valorNumero = /^\d+$/; //es expresion indica que la cadena contiene solo digitos


SAludos

[gonzalezyimi]

<form name="eMailer"> Cedula: <input type="text" name="address" size="10" maxlenght="8">
amigo vea, coloque asi y no funciono, como deveria colocarlo?
y disculpe..

[emprear]

Mil disculpas, el nombre del atributo es
maxlength, invertí h y t al escribirlo.

PEro eso solo te limita la cantidad de caracteres en el input, no verifica que sea un numero

Saludos

[gonzalezyimi]

sabes, asi si me funciono los caracteres, y bueno e estado buscando y practicando, y como estoy trabajando con un editor grafico llamado dreanweaver.
yo agregue el campo de texto por codgo html. con ese codigo le limito los caracteres y conseui este para que solo acepte numerospero no me funciona. onkeypress="return acceptNum(event)"

[gonzalezyimi]

ya encontre la forma, solo hay que declarar unas funciones de javascript.
de esta manara:

Código HTML:

<script language="javascript" type="text/javascript">
    
    function Solo_Numerico(variable){
        Numer=parseInt(variable);
        if (isNaN(Numer)){
            return "";
        }
        return Numer;
    }
    function ValNumero(Control){
        Control.value=Solo_Numerico(Control.value);
    }
</script>
 
Cedula: <input type=text name=Cedula onkeyUp="return ValNumero(this);" maxlength="8" size="20" />
 

[emprear]

me alegro que lo hayas solucionado, y como un comentario extra te dejo la lectura de este post
http://www.forosdelweb.com/f4/limita...9/#post4051836
ya que de alguna manera se relaciona

Saludos

[perlaic_10]

hola amigos, necesito el mismo código pero para ingresar sólo letras en el textbox en HTML, estoy preparando mi tesis y lo necesito, por favor se los voy a agradecer :)

[emprear]

Solo letras, mayúsculas-minúsculas, admite acentos (´)

Código Javascript:

<script type="text/javascript">
function validar(idcampo) {
var cadena = document.getElementById(idcampo).value;
var exp_reg  = /^[a-z\u00C0-\u00ff]+$/i;
var verifica = exp_reg.test(cadena);
if (verifica == true){
alert('ok');
}else {
alert('error');
}
}
</script>
 

[perlaic_10]

Amigos aplique el código de javascript para ingresar sólo números y me resulto perfectamente, pero no se aplicar el código para cadena en los textbox que necesitan ingresar sólo letras, éste es mi formulario.


<p>CLIENTES</p>
<div class="formulario"><!--empieza formulario -->
<script language="javascript" type="text/javascript">
function Solo_Numerico(variable){
Numer=parseInt(variable);
if (isNaN(Numer)){
return "";
}
return Numer;
}
function ValNumero(Control){
Control.value=Solo_Numerico(Control.value);
}
</script>
<FORM ACTION="cliente_procesar.php" METHOD="GET">
<div>
<LABEL for="nombre_cliente">Nombre Cliente: </LABEL>
<INPUT type="text" name="txtnombrecliente" id="nombre_cliente" /><BR>
</div>
<div>
<LABEL for="domicilio">Domicilio: </LABEL>
<INPUT type="text" name="txtdomicilio" id="domicilio"/><BR>
</div>
<div>
<LABEL for="codigo_postal">C&oacute;digo Postal: </LABEL>
<INPUT type="text" name="txtcodigopostal" id="codigo_postal" onkeyUp="return ValNumero(this);" maxlength="8" size="20" /><BR>
</div>
<div>
<LABEL for="localidad">Localidad: </LABEL>
<INPUT type="text" name="txtlocalidad" id="localida"/><BR>
</div>
<div>
<LABEL for="email">E-mail: </LABEL>
<INPUT type="text" name="txtemail" id="email"><BR>
</div>
<div>
<LABEL for="telefono">Tel&eacute;fono: </LABEL>
<INPUT type="text" name="txttelefono" id="telefono" onkeyUp="return ValNumero(this);" maxlength="20" size="20" /><BR>
</div>
<div>
<LABEL for="alta">Alta: </LABEL>
<INPUT type="text" name="txtalta" id="alta"><BR>
</div>
<div>
<LABEL for="dni">DNI: </LABEL>
<INPUT type="text" name="txtdni" id="DNI" onkeyUp="return ValNumero(this);" maxlength="8" size="20" /><BR>
</div>
<div id="ultimo_campo">
<label for="observaciones"> Observaciones: </label>
<textarea name="txtobservaciones" rows="3" cols="15"></textarea></p>
</div>
<div id="botones"><!--empieza botones -->
<INPUT TYPE="submit" NAME="Guardar" Value="Guardar">
<INPUT TYPE="hidden" NAME="accion" VALUE="realizar_alta">
<INPUT TYPE="submit" NAME="Guardar" Value="Cancelar">
</div><!--termina botones -->
</FORM>
<?php
include("conexion.php");
$link=Conectarse();
$result=mysql_query("select * from clientes",$link);
?>
</div><!--termina formulario -->

[emprear]

De que se supone es la tesis que estás haciendo?

SAludos

[IsaBelM]

para saber si un valor es numérico entero, se puede usar la expresión (\d). también es posible hacerlo con mod

var numeros = ['a', 1, 5, 30, 4.5, 53, 3, 6];
numeros.forEach(function(n){console.log(n + ' --> ' + (n % 1 == 0))});

si además de que sea numérico entero queremos que sea menor o mayor que un digito dado

var numeros = ['a', 1, 5, 30, 4.5, 53, 3, 6];
numeros.forEach(function(n){console.log(n + ' --> ' + (n % 1 == 0 && n <= 5))});

si además de que sea numérico entero, también lo sea decimal y que sea menor o mayor que un digito dado

var numeros = ['a', 1, 5, 30, 4.5, 53, 3, 6];
numeros.forEach(function(n){console.log(n + ' --> ' + (parseInt(n,10) % 1 == 0 && n <= 5))});

Iniciado por perlaic_10

Amigos aplique el código de javascript para ingresar sólo números y me resulto perfectamente, pero no se aplicar el código para cadena en los textbox que necesitan ingresar sólo letras, éste es mi formulario.

y esto no te vale?? http://www.forosdelweb.com/f4/hacer-...4/#post4082582

[perlaic_10]

Es para una estética :), y esos son los datos que se solicita a un cliente nuevo, para ser cargardo en la BD.

[IsaBelM]

Iniciado por perlaic_10

Es para una estética :), y esos son los datos que se solicita a un cliente nuevo, para ser cargardo en la BD.

pues eso, expresiones regulares
[a-z\u00C0-\u00ff] --> rango de la "a" hasta la "z" incluidas vocales acentuadas, "ñ" y algún que otro carácter más, tanto en mayúscula como en minúscula

[gonzalezyimi]

muy buenos sus aportes gracia....

[gonzalezyimi]

emprear me puedes explicar como lo llamo desde el campo de texto que desee emplear ese codigo....

[emprear]

Por tus respuestas anteriores pensé que lo tenias
Aqui va con una variante ya que usaste onkeyup

Código HTML:

<!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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function validar(idcampo, mensaje) {
var cadena = document.getElementById(idcampo).value;
var exp_reg  = /^[a-z\u00C0-\u00ff]+$/i;
var verifica = exp_reg.test(cadena);
if (verifica == true){
//alert('ok');
document.getElementById(mensaje).innerHTML = "Correcto";
}else {
//alert('error');
document.getElementById(mensaje).innerHTML = "Incorrecto";
return false;
}
}
</script>
 
</head>
<body>
<form action="#">
<div>
<label for="nombre">Nombre</label>
<input type="text" onkeyup="validar(this.id,'mensaje_nombre');" id="nombre" />
<span id="mensaje_nombre"><!-- aqui el mensaje a medida que se introducen caracteres --></span>
<br />
<label  for="apellido">Apellido</label>
<input type="text" onkeyup="validar(this.id,'mensaje_apellido');" id="apellido" />
<span id="mensaje_apellido"><!-- aqui el mensaje a medida que se introducen caracteres --></span>
</div>
</form>
</body>
</html>
 

Saludos