Entrada de máscara con el signo de porcentaje

Me gustaría permitir que el usuario ingrese 1 o dos dígitos numéricos, y mostrar los dígitos seguidos por un signo de porcentaje. Si no se ingresan dígitos, debe estar en blanco. El adjunto casi funciona, pero no muestra el signo de porcentaje si solo se ingresa un dígito. ¿Alguien puede ayudar? GraciasEntrada de máscara con el signo de porcentaje

http://jsfiddle.net/dm8Mb/

<!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> 
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 
<title>Mask</title> 

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script src="http://cloud.github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.js" type="text/javascript"></script> 

<script> 
$(function(){$(".percent").mask("9?9%");}); 
</script> 

</head> 

<body> 
<input type="text" name="percent" class="percent" value="" /> 
</body> 
</html>

Fuente

2012-07-23 user1032531

Prueba esto - http://jsfiddle.net/dm8Mb/12/

$(function(){ 
    $(".percent").mask("9?9%"); 

    $(".percent").on("blur", function() { 
     var value = $(this).val().length == 1 ? $(this).val() + '%' : $(this).val(); 
     $(this).val(value); 
    }) 
});

Fuente

2012-07-23 13:48:46

gracias por fáciles de implementar la solución. –

@RAJK eres bienvenido :) –

Esto es muy ineficiente. Está envolviendo (y reevaluando) '' '$ (this)' '' * cuatro * veces por separado, luego ejecutando la función '' 'val()' '' tres veces. Debería almacenar los resultados de estos en variables temporales. En JavaScript, las variables son baratas, la ejecución es costosa. –

Entrada de máscara con el signo de porcentaje

Respuesta

Cuestiones relacionadas