1095

I want to use JavaScript (I can also use jQuery) to do check whether a string matches the regex ^([a-z0-9]{5,})$, and get a true or false result.

match() seems to check whether part of a string matches a regex, not the whole thing. Does it solve the problem? Can I adapt it to solve the problem? How?

4
  • 1
    Do you want a complete match, or just whether the string contains a matching substring?
    – Kerrek SB
    Jul 6, 2011 at 21:12
  • 2
    A complete match - not a matching substring.
    – Richard
    Jul 6, 2011 at 21:13
  • I'm confused by how the problem was originally posed. Sure, match doesn't require the entire string to match the regex. But the ^ and $ anchors ensure that this regex can only possibly match against the entire string - that's their purpose. Jan 9 at 23:48
  • Anyway, relevant documentation: developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/… Jan 9 at 23:48

13 Answers 13

1695

Use regex.test() if all you want is a boolean result:

console.log(/^([a-z0-9]{5,})$/.test('abc1')); // false

console.log(/^([a-z0-9]{5,})$/.test('abc12')); // true

console.log(/^([a-z0-9]{5,})$/.test('abc123')); // true

...and you could remove the () from your regexp since you've no need for a capture.

6
  • 2
    What does the initial ^ in the regex does there?
    – PedroD
    Dec 1, 2016 at 22:13
  • 14
    @PedroD ^ implies begining or starts with
    – Nagaraju
    Dec 7, 2016 at 7:06
  • So how would you do the opposite? "doesn't start with..."
    – PedroD
    Dec 7, 2016 at 8:11
  • @PedroD stackoverflow.com/questions/899422/…
    – JHH
    Dec 15, 2016 at 11:26
  • What would I do if I wanted to do something with the groups? It gives an error if there is no match. In addition, it would be inefficient to first run test, then run match later.
    – Mike Smith
    May 20, 2021 at 18:10
255

Use test() method :

var term = "sample1";
var re = new RegExp("^([a-z0-9]{5,})$");
if (re.test(term)) {
    console.log("Valid");
} else {
    console.log("Invalid");
}
2
  • 8
    Note that the version with RegExp allows to inject variable values into the regex string. Apr 4, 2016 at 9:48
  • 3
    had to remove double quotes in new RegExp("^([a-z0-9]{5,})$") in order to make it work Oct 17, 2018 at 19:30
138

You can use match() as well:

if (str.match(/^([a-z0-9]{5,})$/)) {
    alert("match!");
}

But test() seems to be faster as you can read here.

Important difference between match() and test():

match() works only with strings, but test() works also with integers.

12345.match(/^([a-z0-9]{5,})$/); // ERROR
/^([a-z0-9]{5,})$/.test(12345);  // true
/^([a-z0-9]{5,})$/.test(null);   // false

// Better watch out for undefined values
/^([a-z0-9]{5,})$/.test(undefined); // true
6
  • 3
    The reason it works with a number is because the number is coerced into a string, because it's given as a parameter when it's expecting a string. I wouldn't rely on this behavior. It depends on your environment's implementation of test(). (match fails because numbers don't have a match member). I'd reccomend explicitly converting your number to a string if you want to use it with a regex (String(123) for example). Jan 20, 2019 at 14:47
  • The match can be used here, but if you look at performance, test performs 30% better when we just want to validate a string to match the regex and not extract substrings from it.
    – Akansh
    Feb 26, 2019 at 6:19
  • @pmrotule Yeah, but it should be mentioned before match description.
    – Akansh
    Feb 26, 2019 at 10:54
  • The most significant difference between test and match (and matchAll) is that match does things like to return a list of all matching sub-strings, while test only checks if there are any. Check the regex methods in javascript.info/regexp-methods
    – Juan Lanus
    Jan 13, 2020 at 20:49
  • @Bronzdragon this answer claims that it doesn't work with match, even though match would be called the same way. Why would the same coercion not occur there? Jan 9 at 23:50
62

Use /youregexp/.test(yourString) if you only want to know whether your string matches the regexp.

23

let str = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
let regexp = /[a-d]/gi;
console.log(str.match(regexp));

21

Here's an example that looks for certain HTML tags so it's clear that /someregex/.test() returns a boolean:

if(/(span|h[0-6]|li|a)/i.test("h3")) alert('true');

Remember to indicate ^ for beginning of the string and $ for the end, if you want to test the exact match of entire string.

Example:

/[a-z]+/.test('aaa111'); // true
/^[a-z]+$/.test('aaa111'); // false
12

const regExpStr = "^([a-z0-9]{5,})$"
const result = new RegExp(regExpStr, 'g').test("Your string") // here I have used 'g' which means global search
console.log(result) // true if it matched, false if it doesn't

0
7

try

 /^[a-z\d]{5,}$/.test(str)

console.log( /^[a-z\d]{5,}$/.test("abc123") );

console.log( /^[a-z\d]{5,}$/.test("ab12") );

2
  • 2
    What new value does this code-only answer bring to the page? Jun 13, 2019 at 23:53
  • 2
    currently it is shortest solution (due to regexp simplification) Jun 14, 2019 at 5:27
6

I would recommend using the execute method which returns null if no match exists otherwise it returns a helpful object.

let case1 = /^([a-z0-9]{5,})$/.exec("abc1");
console.log(case1); //null

let case2 = /^([a-z0-9]{5,})$/.exec("pass3434");
console.log(case2); // ['pass3434', 'pass3434', index:0, input:'pass3434', groups: undefined]
6

You can try this, it works for me.

 <input type="text"  onchange="CheckValidAmount(this.value)" name="amount" required>

 <script type="text/javascript">
    function CheckValidAmount(amount) {          
       var a = /^(?:\d{1,3}(?:,\d{3})*|\d+)(?:\.\d+)?$/;
       if(amount.match(a)){
           alert("matches");
       }else{
        alert("does not match"); 
       }
    }
</script>
4

please try this flower:

/^[a-z0-9\_\.\-]{2,20}\@[a-z0-9\_\-]{2,20}\.[a-z]{2,9}$/.test('abc@abc.abc');

true

2

If you don't want ^ and $ around the regex (I had such a usecase) you can do something like

let reg = /[a-zA-Z0-9]+/g
let txt = "hello"
let matches = reg.exec(txt)[0] == txt
console.log(`It ${matches ? "does" : "doesn't"} match`)
1

Update/Add

If the query string does not present in the URL then the below solution will work to add the param in the URL, if it already exists then it will update.

function updateUrlParameter(url, param, value) {
  var regex = new RegExp("(?<=[?|&])(" + param + "=)[^&]+", "i");
  if (regex.test(url)) {
    return url.replace(regex, param + "=" + value);
  } else {
    if (window.location.search) {
      return `${url}&${param}=${value}`;
    }else{
      return `${url}?${param}=${value}`;
    }
  }
}

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.