validate user input on keypress on textbox jQuery

Question

How to code in jQuery so a user can not press dot "." key in a text box ?

i can code it in javascript like that, on each keypress the browser checks if a key is pressed, if it is dot then substring(0,len-1), but it flickers ! i want to completely block pressing the key !

Answer 1

This should work. It has not been cross-browser tested:

$("#theTextBox").keyup(function() {
    if($(this).val().indexOf('.') !== -1) {
        var newVal = $(this).val().replace('.', '');
        $(this).val(newVal);
    }
});

You can try it here.

EDIT: I think this is better:

function doItPlease() {
    if ($(this).val().indexOf('.') !== -1) {
        var newVal = $(this).val().replace('.', '');
        $(this).val(newVal);
    }
}

$("#theTextBox").bind("keydown keyup", doItPlease);

Try the less sucky solution here.

EDIT (again): I favour the above solution, because I quite like the feedback aspect. That said, I think this is what you're after:

$("#theTextBox").keyup(function(e) {
    if (e.which != 190) {
        return true;
    }
    e.preventDefault();
});

Try it here.

Answer 2

Have a look at this plugin to prevent specific characters being entered: http://www.itgroup.com.ph/alphanumeric/

Also have a look at the validation plugin for general validation: http://bassistance.de/jquery-plugins/jquery-plugin-validation/