What is the best method to verify a string against a set of approved characters using JavaScript?

Question

What is the best method to verify a string against a set of approved characters using JavaScript?

I have written some code that sanitizes user input to allow only alphanumeric characters and hyphens.

Here is the code snippet: https://jsfiddle.net/py4pnr0L/

const inputValue = 'GHJHlk;sxa787BVK';
const sanitizedValue = inputValue.toLowerCase().replace(/[^a-z0-9\-]/gi, '-');
console.log(sanitizedValue);

The above code returns: ghjhlk-sxa787bvk

Now, I am looking for a way to check if a given string contains any characters outside of the allowed range without modifying the original string. I simply need to receive a true/false result based on the input string.

I am working with ES2015, so I am open to solutions using ES2015 features for a clean implementation.

javascript regex validation ecmascript-6

Answer 1

Answer №1

One way to check for certain characters in a string is by using the match method, as shown below:

string = 'HJG9865sjhdkLMN';
 
console.log(!string.match(/[^a-zA-Z0-9\-]/))

Answer 2

One way to check for certain characters in a string is by using the match method, as shown below:

string = 'HJG9865sjhdkLMN';
 
console.log(!string.match(/[^a-zA-Z0-9\-]/))

Answer 3

Answer №2

To check for a match between a regular expression and a specified string, you can utilize the RegExp#test() method:

This method executes a search and returns either true or false.

It is advised not to use the /g modifier with this method as it may affect the lastIndex property and lead to incorrect results. For more information, refer to this thread on erroneous results due to global flag usage in JavaScript regex.

The pattern /[^a-z0-9-]/i, which matches any character outside of a-z, A-Z, 0-9, and excluding -, can be applied here. Simply avoid including the /g flag.

var value = "GHJHlksxa787BVK";
document.body.innerHTML = /[^a-z0-9-]/i.test(value);

The /i modifier ensures case insensitivity; therefore, /[a-z]/i is equivalent to /[A-Za-z]/.

Answer 4

To check for a match between a regular expression and a specified string, you can utilize the RegExp#test() method:

This method executes a search and returns either true or false.

It is advised not to use the /g modifier with this method as it may affect the lastIndex property and lead to incorrect results. For more information, refer to this thread on erroneous results due to global flag usage in JavaScript regex.

The pattern /[^a-z0-9-]/i, which matches any character outside of a-z, A-Z, 0-9, and excluding -, can be applied here. Simply avoid including the /g flag.

var value = "GHJHlksxa787BVK";
document.body.innerHTML = /[^a-z0-9-]/i.test(value);

The /i modifier ensures case insensitivity; therefore, /[a-z]/i is equivalent to /[A-Za-z]/.

What is the best method to verify a string against a set of approved characters using JavaScript?

Answer №1

Answer №2

Similar questions

Find the total number of table rows that exist between two specific rows using jQuery

Separating the rules for development and production modes in the webpack configuration file

Display and conceal different sections using hyperlinks

Load a webpage using javascript while verifying permissions with custom headers

React ES6 SystemJS encountered an unforeseen token error that couldn't be caught

Retrieve all the records from the collection that have a specific reference number in their ID field

An error occurred due to an unexpected identifier, '_classCallCheck', while the import call was expecting exactly one

Expanding the visual in a spacious display with the help of ng-carousel from the Bootstrap framework

Consistentize Column Titles in Uploaded Excel Spreadsheet

Utilizing AngularJS: Executing directives manually

Implement a jQuery slider that pauses on hovering

Are there any ways to pass an onClick function to a controller in React?

"Simultaneously updating the UpdatePanel, triggering a JavaScript postback, and modifying the querystring in a SharePoint Search

Exploring the intricacies of JSON object retrieval

Vue-router is failing to display child routes in the application

Browsersync in Gulp keeps triggering numerous reloads every time a file is changed

When a textbox is modified and a button is clicked in ASP.NET, triggering both client-side and server-side events

Choosing JavaScript

Is it possible to create cloud functions for Firebase using both JavaScript and TypeScript?

Combine the values of two fields in real-time on a Model-View-Controller Edit form