Validar Textbox para aceptar solo números

Posted by Jason Ulloa on Geeks with Blogs See other posts from Geeks with Blogs or by Jason Ulloa
Published on Mon, 06 Dec 2010 18:32:24 GMT Indexed on 2010/12/08 5:40 UTC
Read the original article Hit count: 372

Filed under:

 

Una de las necesidades más habituales en el desarrollo es poder validar los controles Textbox para que solo acepten valore numéricos. En este post eso es lo que haremos, nos apoyaremos en el lenguaje javascript para validar nuestro textbox del lado del cliente.

Nuestro primer paso será crear la función JavaScript que hará el trabajo, para ello agregamos las etiquetas de javascript

<script type="text/javascript">

</script> 

Posteriormente dentro de esas etiquetas agregaremos el script que hará el trabajo

function ValidNum(e) {
    var tecla= document.all ? tecla = e.keyCode : tecla = e.which;
    return ((tecla > 47 && tecla < 58) || tecla == 46);
}

Por último iremos al code behind de la página y en el evento Load agregaremos un nuevo evento al textbox para que reconozca el script.

protected void Page_Load(object sender, EventArgs e)
{
 
   TextBox1.Attributes.Add("onkeypress", "javascript:return ValidNum(event);");
}

Con esto, tenemos el textbox validado para aceptar solo números y el punto.

© Geeks with Blogs or respective owner