Mask input with percent sign

Question

I would like to allow the user to enter 1 or two numerical digits, and display the digits followed by a percent sign. If no digits are entered, it should be blank. The attached almost works, but doesn't show the percent sign if only one digit is entered. Can anyone help? Thanks http://jsfiddle.net/dm8Mb/ ``` Mask ```

Accepted Answer

Try this - 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 );
    })
});
```

Mask input with percent sign

Solution

Problem