Enabling the use of dot or full stop in JavaScript keycode for numeric input

Question

Enabling the use of dot or full stop in JavaScript keycode for numeric input

I am facing a challenge with a method that is supposed to allow all numeric values, including the '.' symbol. Below is the code for my method. While it successfully allows numeric values, it seems to have an issue with keyCode == 190.

function IsNumeric(e) {
    var keyCode = e.keyCode == 0 ? e.charCode : e.keyCode;
    var ret = (keyCode >= 48 && keyCode <= 57 && keyCode == 190);
    document.getElementById("error_numeric").style.display = ret ? "none" : "inline";
    return ret;
}

<input class="form-control" name="teacher_cnic" value="" onkeypress="return IsNumeric(event);" type="text" placeholder="12345.1234567.1" required>

This method is called within a form using

onkeypress="return IsAlphaNumeric(event);"

javascript jquery html css keycode

Answer 1

Answer №1

Replace && with || in the second condition for keyCode

function IsNumeric(e) {
        var keyCode = e.keyCode == 0 ? e.charCode : e.keyCode;
        var ret = ((keyCode >= 48 || keyCode <= 57) || keyCode == 190);
        document.getElementById("error_numeric").style.display = ret ? "none" : "inline";
        return ret;
    }

Answer 2

Replace && with || in the second condition for keyCode

function IsNumeric(e) {
        var keyCode = e.keyCode == 0 ? e.charCode : e.keyCode;
        var ret = ((keyCode >= 48 || keyCode <= 57) || keyCode == 190);
        document.getElementById("error_numeric").style.display = ret ? "none" : "inline";
        return ret;
    }

Answer 3

Answer №2

When the onkeypress event is triggered, the decimal or full stop point keyCode is keyCode=46.

Therefore, the function's conditional logic will be as follows:

var result = ((keyCode >= 48 && keyCode <= 57) || keyCode == 46);

This effectively solves the problem at hand.

Answer 4

When the onkeypress event is triggered, the decimal or full stop point keyCode is keyCode=46.

Therefore, the function's conditional logic will be as follows:

var result = ((keyCode >= 48 && keyCode <= 57) || keyCode == 46);

This effectively solves the problem at hand.

Enabling the use of dot or full stop in JavaScript keycode for numeric input

Answer №1

Answer №2

Similar questions

Kendo popup event binding issue arises after upgrading React to version 17.0.1

What are the steps to transforming a regular expression into a dynamic format?

Leveraging the power of React Native with embedded RapidAPI functionality in the source

A comprehensive guide on using ajax to reproduce a Postman POST API request

Retrieving an Ajax response by using form.submit() and sending it to PHP

The 404 error is showing up when attempting to access 'socket.io/socket.io.js' through Express.js

Creating a JSON object from HTML tag attributes using jQuery

Retrieve any webpage using AJAX

Angular and Bootstrap combined to create a versatile navigation bar with a collapsible sidebar feature

Once the user clicks on the download button, the backend should initiate the download process

Struggling with running a jQuery ajax request inside a function?

Utilizing jQuery for JSON parsing

Differences between Global and Local Variables in Middleware Development

Unable to reach a variable within the class itself

When running the command "npx create-next-app@latest --ts," be aware that there are 3 high severity vulnerabilities present. One of the vulnerabilities is that "node-fetch

Executing a nested function as an Onclick event in an HTML document

adaptable web design flexible picture

Having trouble with my Angular subscription - not behaving as I anticipated

How to Utilize Muuri Javascript Library with Bootstrap Tabs: Resizing Required for Expansion?

Checking for an empty value with javascript: A step-by-step guide