Question

I use the following function for decimal validation it was work fine in IE and Chrome.But not working in Fire Fox.If I run this code in fire fox i Cant enter any character.How to solve this?

   $('.decimalValidate').live('keypress', function (event) {
       var decimalval= $(this).val();
       if ((event.which > 47 && event.which < 58)) {
           return true;
       }
       if ((event.which == 8 || event.which == 46) && decimalval.indexOf('.') == -1)  {
           return true;
       }
       return false;                          
   });

this condition is not working in FF

if ((event.which == 8 || event.which == 46) && decimalval.indexOf('.') == -1)  {
    return true;
}

Answer 1

You can try this .on() delegate event handler with jQuery 1.7.x, because live() is deprecated.

Syntax of .on() for delegate event is:

$(container).on(eventNaem, target, eventHandler)

Here, container points to any Static-element that don’t appears to DOM dynamically.

$(document).on('keypress', '.decimalValidate', function(event) {

     // var decimalid = $(this).attr("id"); // I think you don't need this

    var decimalval = $(this).val(); // or this.value

    if ((event.which > 47 && event.which < 58)) {
        return true;
    }
    if ((event.which == 8 || event.which == 46) && decimalval.indexOf('.') == -1) {
        return true;
    }
    return false;
});

---

According to comment

• backspace is not working

You are handling with backspace and delete with following condition:

(event.which == 8 || event.which == 46) && decimalval.indexOf('.') == -1

which set validation like that:

if you text box contains no . and backspace or delete key pressed the execute code within that condition block.

Above condition will fails when you text box contains . and you pressed backspace or delete key and condition block will not execute any return statement.

---

How to enable backspace when value contains . (dot)

Change the condition like:

just remove && decimalval.indexOf('.') >= -1 from the condition

(event.which == 8 || event.which == 46) 

---

AIM: yes my aim is not enter more than one dot in the input ( by @user )

Full code

$('.decimalValidate').on('keyup', function(e) {
    var decimalval = $(this).val();

    var decimalvalidate = ApplyDecimalFilter(decimalval, e);
    if (decimalvalidate == false) return false;
});



function ApplyDecimalFilter(id, event) {
    try {
        return NewDecimalFilter(id, event);
    } catch (e) {
        alert(e.message);
    }
}

function NewDecimalFilter(o, event) {
    if (o.match(/\./g) && o.match(/\./g).length > 1) {
        $(event.target).val(o.replace(/\.$/, ''))
        return false;
    }
    if ((event.which > 47 && event.which < 58) || event.which == 8 || event.which == 46) {
        return true;
    }
    return false;
}

Working sample