Characters " ' " and " f " appear in the textbox, how to correct?

Question

We are using MVC5, I put a @Html.Textboxfor a Jquery function that does not allow the insertion of letters, but whenever the user type the characters " ' " and " f ", they are inserted and deleted in the act, the other characters are ok, nor are they typed, the problem is just these.

Just follow my lead:

   $(".input-numeric").numeric({
        decimal: 'false',
        negative:'false'
    });

Follow my cshtml input:

@Html.TextBoxFor(m => m.NumeroLogradouro, new { @class = "form-control input-numeric tam-6" })

Answer 1

Apparently you’re using the package jQuery.Numeric. This package has bugs (see the section 'Notes', and see that really the character ' enters all fields). I would not use it if I were in your place.

There are two good alternatives:

• <input type="number />";
• jQuery.Inputmask.

Answer 2

The changes made to fix the Bug were:

Thiago Lunardi’s tip: No longer accepts the letter F, but continues to accept the " ' ".

$(".input-numeric").numeric({
    decimal: false,
    negative:false
});

Jquery Numeric (Old): Accepted " ' "

$.fn.numeric.keypress = function(e)
{
    // get decimal character and determine if negatives are allowed
    var decimal = $.data(this, "numeric.decimal");
    var negative = $.data(this, "numeric.negative");
    var decimalPlaces = $.data(this, "numeric.decimalPlaces");
    // get the key that was pressed
    var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
    // allow enter/return key (only when in an input box)
    if(key == 13 && this.nodeName.toLowerCase() == "input")
    {
        return true;
    }
    else if(key == 13)
    {
        return false;
    }
    //dont allow #, $, %, '
    else if(key == 35 || key == 36 || key == 37){
        return false;
    }

Jquery Numeric (New) has been added to key 39, now locks the " ' ":

$.fn.numeric.keypress = function(e)
{
    // get decimal character and determine if negatives are allowed
    var decimal = $.data(this, "numeric.decimal");
    var negative = $.data(this, "numeric.negative");
    var decimalPlaces = $.data(this, "numeric.decimalPlaces");
    // get the key that was pressed
    var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
    // allow enter/return key (only when in an input box)
    if(key == 13 && this.nodeName.toLowerCase() == "input")
    {
        return true;
    }
    else if(key == 13)
    {
        return false;
    }
    //dont allow #, $, %, '
    else if(key == 35 || key == 36 || key == 37 || key == 39){
        return false;
    }

Jquery Numeric Control+V (Old): Accepted Control+V

$.fn.numeric.blur = function()
{
    var decimal = $.data(this, "numeric.decimal");
    var callback = $.data(this, "numeric.callback");
    var negative = $.data(this, "numeric.negative");
    var val = this.value;
    if(val !== "")
    {
        var re = new RegExp("^" + (negative?"-?":"") + "\\d+$|^" + (negative?"-?":"") + "\\d*" + decimal + "\\d+$");
        if(!re.exec(val))
        {
            callback.apply(this);
        }
    }
};

Jquery Numeric (New): Now block Control+V

$.fn.numeric.blur = function()
{
    var decimal = $.data(this, "numeric.decimal");
    var callback = $.data(this, "numeric.callback");
    var negative = $.data(this, "numeric.negative");
    var val = this.value;
    if(val !== "")
    {
        var re = new RegExp("^" + (negative?"-?":"") + "\\d+$|^" + (negative?"-?":"") + "\\d*" + decimal + "\\d+$");
        if(!re.exec(val))
        {
            callback.apply(this);
            this.value = "";
        }
    }
};

Answer 3

In Javascript that 'false' with single quotation marks or "false" are strings, and every string is FALSE.

$(".input-numeric").numeric({
    decimal: false,
    negative:false
});

Here is some very didactic material on the subject: W3schools: Javascript Booleans.