The validation for decimal numbers fails to function when considering the length

Question

The validation for decimal numbers fails to function when considering the length

I've been struggling to come up with a regular expression for validating decimal numbers of a specific length.

So far, I've tried using

pattern="[0-9]){1,2}(\.){1}([0-9]){2}"

, but this only works for numbers like 12.12.

What I'm aiming for is a pattern validation for (13 digits).(6 digits) and also considering the total length.

Here's what I expect:

      `1234567891123.123456` //true
      `1234567891123123456`  //false since it contains only numbers
      `12345678911234.123456` //false because it has 14 digits before the decimal point
      `1234567891123.1234567` //false due to having 13 digits before the decimal point

Can anyone suggest a more suitable regex that meets the criteria mentioned above?

javascript angular typescript

Answer 1

Answer №1

If you need to test regular expressions, a great resource is

\b\d{13}\.\d{6}\b

Answer 2

If you need to test regular expressions, a great resource is

\b\d{13}\.\d{6}\b

Answer 3

Answer №2

To match the desired criteria, the regex pattern should be structured as follows:

([0-9]){13}(\.){1}([0-9]){6}

For practical application in an HTML form input field, it would appear like this:

<form action="">

  <input type="text" required pattern="([0-9]){13}(\.){1}([0-9]){6}" />

  <button type='submit'>Submit</button>
</form>

Answer 4

To match the desired criteria, the regex pattern should be structured as follows:

([0-9]){13}(\.){1}([0-9]){6}

For practical application in an HTML form input field, it would appear like this:

<form action="">

  <input type="text" required pattern="([0-9]){13}(\.){1}([0-9]){6}" />

  <button type='submit'>Submit</button>
</form>

Answer 5

Answer №3

Here is a suggestion you could consider:

\d{13}[.]\d{6}

Answer 6

Here is a suggestion you could consider:

\d{13}[.]\d{6}

Answer 7

Answer №4

Live Example :

const pattern = /^[0-9]{13}\.[0-9]{6}$/i;

function getInputValue()  {
    return document.getElementById("myinput").value;
}

function runTest() {
    alert(pattern.test(getInputValue()));
}

<input type="text" id="myinput"/>
<button id="testBtn" onclick=runTest()>Run Test</button>

Answer 8

Live Example :

const pattern = /^[0-9]{13}\.[0-9]{6}$/i;

function getInputValue()  {
    return document.getElementById("myinput").value;
}

function runTest() {
    alert(pattern.test(getInputValue()));
}

<input type="text" id="myinput"/>
<button id="testBtn" onclick=runTest()>Run Test</button>

The validation for decimal numbers fails to function when considering the length

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Issue encountered with Typescript and Request-Promise: Attempting to call a type that does not have a call signature available

methods for transforming JSON array output objects into individual non-array values

Tips for troubleshooting TypeScript integration tests within Pycharm

Leveraging React's useEffect hook to asynchronously fetch and load data

The ball refuses to fall into the designated boxes

Post-Angular migration (going from version 12 to 14), there are still lingering security risks associated with the "d3-color vulnerable to ReDoS" issue

Basic asynchronous JavaScript and XML (AJAX) call

What is the method for retrieving a specific value following the submission of an AngularJS form?

Trouble locating Angular module while referencing script as an ES6 module

What could be causing the responsive line chart from nivo to not appear in jsdom while using Jest?

Javascript recursive method for fetching data entries

Angular: controller's property has not been initialized

jQuery can be utilized to generate repeated fields

The specified 'Object' type does not match the required 'Document' constraint

Interactive Vue tree view featuring draggable nodes

Angular: merging multiple Subscriptions into one

jQuery: add to either element

The combination of sass-loader and Webpack fails to produce CSS output

Tips for adding an svg element to an existing svg using d3.js

Using the parameter value as a property name in the return type of a function in TypeScript: a guide