Having difficulty understanding why the Javascript regex is not functioning as expected

Question

Having difficulty understanding why the Javascript regex is not functioning as expected

Can you help me validate user input to ensure it is a positive currency value in the correct format?

Examples of valid formats include: 0.5, 0.55, 5 (please note this one), 5.5, 5.55, 55, etc.

This is the code I am currently using:

if ($("#gross").val() > 0 && !/^\d+?\.?\d?\d$/.test($("#gross").val())) {
    alert($("#gross").val() + " is invalid currency");
}

The current issue is that the code works for most cases, but it does not work for single digits like 5 (and 5.). However, it does work for values like 5.5.

Any insights on what I might be doing wrong?

javascript regex

Answer 1

Answer №1

Make sure to include a ? before the $ at the end. Here's a more efficient way to do it:

/^\d+?\.?\d{0,2}$/

This code validates whether there are up to two decimal places in the number. If you want to check for any amount of decimal places, you can try something like this:

/^(?!\.$)(?:(?!0\d)(\d*)\.?(\d[0-9]*))$/

Remember to convert your string into a number explicitly and cache the value of #gross.

var grossVal = $("#gross").val();
if (+grossVal > 0 && !/^\d+?\.?\d{0,2}$/.test(grossVal)) {
    alert(grossVal + " is invalid currency");
}

Answer 2

Make sure to include a ? before the $ at the end. Here's a more efficient way to do it:

/^\d+?\.?\d{0,2}$/

This code validates whether there are up to two decimal places in the number. If you want to check for any amount of decimal places, you can try something like this:

/^(?!\.$)(?:(?!0\d)(\d*)\.?(\d[0-9]*))$/

Remember to convert your string into a number explicitly and cache the value of #gross.

var grossVal = $("#gross").val();
if (+grossVal > 0 && !/^\d+?\.?\d{0,2}$/.test(grossVal)) {
    alert(grossVal + " is invalid currency");
}

Answer 3

Answer №2

+? is designed to match the minimum number of occurrences, which in this instance would be one digit.

You might want to consider using something along the lines of:

/^\d+(\.\d{0,2})?$/

This regex pattern would capture a sequence of digits, possibly followed by a decimal point and up to two more digits.

Answer 4

+? is designed to match the minimum number of occurrences, which in this instance would be one digit.

You might want to consider using something along the lines of:

/^\d+(\.\d{0,2})?$/

This regex pattern would capture a sequence of digits, possibly followed by a decimal point and up to two more digits.

Answer 5

Answer №3

To simplify a regular expression, consider breaking it down into an alternation form such as a|b|c|d.

From there, we can define different forms like so:

a = 0                       -- 0
b = [1-9]\d*                -- n (non-zero integer), where n cannot start with 0
c = 0[.]\d{1,2}             -- 0.x or 0.xy
d = [1-9]\d*[.]\d{1,2}      -- n.x or n.xy, where n is a non-zero integer

This method ensures that values like 09 and 1. are rejected, as they do not match any of the specified forms.

Answer 6

To simplify a regular expression, consider breaking it down into an alternation form such as a|b|c|d.

From there, we can define different forms like so:

a = 0                       -- 0
b = [1-9]\d*                -- n (non-zero integer), where n cannot start with 0
c = 0[.]\d{1,2}             -- 0.x or 0.xy
d = [1-9]\d*[.]\d{1,2}      -- n.x or n.xy, where n is a non-zero integer

This method ensures that values like 09 and 1. are rejected, as they do not match any of the specified forms.

Having difficulty understanding why the Javascript regex is not functioning as expected

Answer №1

Answer №2

Answer №3

Similar questions

Generating HTML widgets dynamically with jQuery: A step-by-step guide

Is it possible for the relative path of a gif image to become invalid when added to a div?

Having trouble with Simplemodal showing link content in the modal window

Invoke a handler from one function within another function

disappearing the link in a window.open popup

What modifications need to be made to the MEAN app before it can be deployed on the server?

Issue with Trix text editor not triggering the change event

Is there a way to extract the HTML source code of a website using jQuery or JavaScript similar to PHP's file_get_contents function?

I'm attempting to create a button that changes to a bold red color when the condition is met

The drop-down menu selection is non-functional on mobile and iPad devices when using Bootstrap

My intention is to ensure that the page is printed with the Background graphics checkbox pre-checked

Using Thymeleaf within Javascript code to generate a URL?

Enhancing images by creating clickable sections in a more organized and efficient manner

Using Node.js to parse XLSX files and generate JSON output

Tips for Retrieving Data from a Multi-Dimensional Array

Moving towards the target is a Three.js object

The Angular service encounters issues when interacting with REST API

Creating sophisticated TypeScript AngularJS directive

What is a method to omit elements within a nested child element from a selection without relying on the children() function

Refreshing data attribute following an ajax request