javascript - HTML Form Validation - Check for Specific Characters

Question

I'm using the Html5 pattern to validate my inputs on forms. I need to make sure an input has the following rules:

1. A maximum and minimum of 8 characters
2. The first 3 must be the specific letters wrx (lowercase)
3. The last 5 must be numbers.

Eg. wrx12345

Can I even do this with pattern or do I need to use JavaScript?

question from:https://stackoverflow.com/questions/65882874/html-form-validation-check-for-specific-characters

Answer 1

I believe the regex pattern you are looking for is /^wrx[0-9]{5}$/. A visual representation of this here:

And implemented in html:

<input name="example" pattern="^wrx[0-9]{5}$">