miércoles, 23 de mayo de 2012

Contar caracteres con length Jquery


Contar caracteres con length Jquery

La función length() nos devuelve el número de caracteres que hay dentro de un "string", es muy util para validar formularios.

En el siguiente ejemplo, introduciremos un valor dentro del campo de texto y al hacer click sobre el botón nos devolverá el número de carácteres introducidos.



El código del ejemplo es el siguiente ... 

<!-- By http://jquery-manual.blogspot.com -->
<!DOCTYPE HTML>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'></script>
 <script type="text/javascript">
$(document).ready(function() {
$(":button#boton").click(function(){
$("#caja").html("<h1>" + $(":text#texto").val().length + " Caracteres</h1>");
});
});
</script>
</head>
<body>
<input type="button" id="boton" value="length()">
<input type="text" id="texto">
<div id="caja">
</div>
</body>
</html>