how to validate for money in jquery

Question

how to validate for money in jquery where max amount i can enter is 9999.99 so my requirements are: 1.it should allow only digits and one dot 2.max length is 7(including dot) 3.before dot max length is 4 4.after dot max length is 2

currently my textbox allows only digits and one dot with the following code

$('#txtpaymentamnt, #txttenderamt').on("keypress", function (e) {
    alert(e.which);
    if (e.which != 8 && e.which != 0 && ((e.which < 48 || e.which > 57) && e.which != 46)) {
        e.preventDefault();
    }

Answer 1

You can do this with a regular expression: /^\d{0,4}(\.\d{0,2})?$/

EDIT:

Here's the requested fiddle

Answer 2

With jQuery validation plugin you can set your own rule using Jack's regular expression (which I haven't tested though) like this:

jQuery.validator.addMethod(
    "money",
    function(value, element) {
        var isValidMoney = /^\d{0,4}(\.\d{0,2})?$/.test(value);
        return this.optional(element) || isValidMoney;
    },
    "Insert "
);

Then you can set the rule within using the validate method:

$("#myForm").validate({
rules: {
    nameOfMyInputField: {
        money: true,
    }
}
});