CODEWITHSUNDEEP
javascriptjquery
zazvorniki
zazvorniki

Reputation: 3602

Disallow typing after reaching input max length

I have a few inputs on my page that need to have a max length of sorts and this is working to an extent except that an extra number keeps being added because of a plugin we're using...and no I can't get rid of the plugin causing it.

To fix this I need to remove one character from the input field. I have gotten to the point where it will remove it from the value of the input, but it is still showing on the screen...which is the issue.

Is there a way to disallow typing after they hit a certain point using JavaScript? I cannot use max length in the case because the virtual keyboard we are using ignores that completely.

I have something like this

var target = event.currentTarget;
var name = $(target).attr("name");
var validationLength = $(target).attr("validation").length;

$('input[name="'+name+'"]').on('keyup keydown change', function () {
    if($(this).val().length > validationLength){
        $(this).val().substr(0,$(this).val().length-1);
    };
});

And like I said this will remove it from the value of the input, but not what the user actually sees on the screen (the most important part). Any help would much appreciated!

Upvotes: 2

Views: 3963

Answers (1)

sinisake
sinisake

Reputation: 11328

validationLength = 10;

$('#test').on('keyup keydown change', function () {
    if($(this).val().length > validationLength){

        val=$(this).val().substr(0,$(this).val().length-1);
        $(this).val(val);
    };
});

http://jsfiddle.net/mctkpLph/

Upvotes: 2

Related Questions