Using Regex to detect recurrent (similar) patterns in jQuery <input> tags

Question

Using Regex to detect recurrent (similar) patterns in jQuery <input> tags

I need assistance with ensuring that users input article numbers in the correct format, like this:

ABC_ABC123; AB__B2A4; ABF_323WET; ...

Currently, I have a regex pattern that works for one article number:

var mask1 = /^([A-Z]{2})([A-Z|_]{1})_([A-Z0-9]{0,16});$/;

However, I am looking to extend this pattern to accommodate multiple strings/art numbers. How can I achieve this?

Your help is greatly appreciated! Thank you!

javascript regex

Answer 1

Answer №1

There seems to be an issue with the lowercase letters not matching in your single item pattern. To address this, ensure that they are included in the character class, for example changing [A-Z0-9]{0,16} to [A-Za-z0-9]{0,16}.

The revised overall solution will appear as follows

/^[A-Z]{2}[A-Z_]_[A-Za-z0-9]{0,16};(?: [A-Z]{2}[A-Z_]_[A-Za-z0-9]{0,16};)*$/

For a demonstration and testing of the regex pattern, you can check the regex demo here

Additional Details:

^ - indicates the beginning of the string
```
[A-Z]{2}[A-Z_]_[A-Za-z0-9]{0,16};
```
- specifies the item pattern:
- [A-Z]{2} - two uppercase ASCII letters
- [A-Z_] - either an uppercase ASCII letter or _
- _ - represents a _ character
- [A-Za-z0-9]{0,16} - allows for 0 to 16 alphanumeric ASCII characters
- ; - indicates a semi-colon
```
(?: [A-Z]{2}[A-Z_]_[A-Za-z0-9]{0,16};)*
```
- denotes zero or more occurrences of
- - signifies a space (can be replaced with \s to match any whitespace)
- ```
[A-Z]{2}[A-Z_]_[A-Za-z0-9]{0,16};
```
  - represents the item pattern mentioned above
$ - marks the end of the string.

In JavaScript, it is advisable to construct the pattern dynamically for better readability:

var block = "[A-Z]{2}[A-Z_]_[A-Za-z0-9]{0,16};"
var regex = new RegExp(`^${block}(?: ${block})*$`)
console.log( regex.test("ABC_abc123; AB__B2A4; ABF_323WET;") )

Answer 2

There seems to be an issue with the lowercase letters not matching in your single item pattern. To address this, ensure that they are included in the character class, for example changing [A-Z0-9]{0,16} to [A-Za-z0-9]{0,16}.

The revised overall solution will appear as follows

/^[A-Z]{2}[A-Z_]_[A-Za-z0-9]{0,16};(?: [A-Z]{2}[A-Z_]_[A-Za-z0-9]{0,16};)*$/

For a demonstration and testing of the regex pattern, you can check the regex demo here

Additional Details:

^ - indicates the beginning of the string
```
[A-Z]{2}[A-Z_]_[A-Za-z0-9]{0,16};
```
- specifies the item pattern:
- [A-Z]{2} - two uppercase ASCII letters
- [A-Z_] - either an uppercase ASCII letter or _
- _ - represents a _ character
- [A-Za-z0-9]{0,16} - allows for 0 to 16 alphanumeric ASCII characters
- ; - indicates a semi-colon
```
(?: [A-Z]{2}[A-Z_]_[A-Za-z0-9]{0,16};)*
```
- denotes zero or more occurrences of
- - signifies a space (can be replaced with \s to match any whitespace)
- ```
[A-Z]{2}[A-Z_]_[A-Za-z0-9]{0,16};
```
  - represents the item pattern mentioned above
$ - marks the end of the string.

In JavaScript, it is advisable to construct the pattern dynamically for better readability:

var block = "[A-Z]{2}[A-Z_]_[A-Za-z0-9]{0,16};"
var regex = new RegExp(`^${block}(?: ${block})*$`)
console.log( regex.test("ABC_abc123; AB__B2A4; ABF_323WET;") )

Using Regex to detect recurrent (similar) patterns in jQuery <input> tags

Answer №1

Similar questions

Issue with populating labels in c3.js chart when loading dynamic JSON data

There is no matching overload for this call in React Native

What is the solution for the error "Build error occurred ReferenceError: self is not defined" when building a NextJs application?

Trying to showcase information received from a server using an API

REACT Issue: Unable to Select Dropdown Option with OnChange Function

Error handling proves futile as Ajax upload continues to fail

Python is experiencing difficulties with copying xpath elements

Is there a way to have the headline gently fade in and subtly rise when the page loads using CSS?

Inconsistency in date serialization using JSON.stringify across various web browsers

Tips for utilizing the onload attribute alongside the ng-controller directive to run a function that has been established within the controller

Converting Node JS request to an API into React Fetch syntax

Error: The function $rootScope.$on is not defined within the Connectivity Factory

Incorporate a vertical scrollbar in the tbody while keeping the thead fixed for smooth vertical scrolling

What is the best approach to creating DOM elements in AngularJS?

What is the best way to switch between light and dark themes with the ability to locally store the current theme?

React: Show input value on button click

Transferring an ES6 class from Node.js to a browser environment

Utilizing JavaScript and JSON to Retrieve Array Elements by Key Names as Indexes

Remove files from the server using an AJAX request

Performing a sequence of actions using Jquery Queue() function and iterating through each