The HTML "pattern" Attribute - Regular Expressions on Input Fields! 

If you're simply putting a pattern restriction on an input field I wouldn't say there's a difference between this and JS but of course the JS will give you more flexibility in general

​@@dcode-software I agree, I guess that was the main goal of that attribute, but do you think it is the same in term of security? I mean using a JS framework VS a pattern attribute. I mean a DOM attribute is easy to bypass through the developer tools panel, whereas reading a validation script and amend it seems a way more demanding to me.

In my opinion there's no difference when it comes to security because every aspect of the front-end can be manipulated by the user. What if they choose to use something like cURL instead to send the HTTP Request? No HTML or JS would come into play there

These conditions can be achieved using the following pattern Number Submit This will ensure that the name is capitalized properly and includes 2/3 words, First name and/or middle name and last name respectively Hope this helps!

Also I think I should explain the code to you because it looks really weird and unreadable, "[A-Z][a-z]*[\s][A-Z][a-z]*([\s][A-Z][a-z]*)?" The first term [A-Z] says that the first letter should be anything between capital A-Z The second one [a-z]* says that anything after the first letter should be between small a-z and the '*' symbol tells it to read the text until any other argument is released The [\s] term asks it to read a space This is followed by [A-Z][a-z]* which says that the first letter again should be capital followed by small characters. In the next term ([\s][A-Z][a-z]*)? the bracket surrounding the term and the ? at the end of it creates an optional statement, that will be allowed if required. In the brackets the first term is [\s] that asks it to read a space again, it will be only applied if the user is willing to type another word. The next term [A-Z][a-z]* says that the first letter again should be capital followed by small characters.

@@shivanshsahu4908 for single char "\s" there is no neet for square brackets . @Nan Li For Names like o'Relley or Roberts-Thomson you must include the characters in the square bracket.

[A-Za-z\d\.]+ => Dot with backslash before means input can have dots (.) without backslash dot means ALL characters.

You can simply create it using this code Number Submit Whenever the user will type in a number less than 10000, the form will tell the user that the value must be equal to or greater than 10000. You can also add a maximum limit using the max attribute with the min attribute like so, Number Submit This will insist the user to type in a number between 10000 and 15000 Hope this helped!

[A-Za-z\d\.]+ => Dot with backslash before means input can have dots (.) without backslash dot means ALL characters.

anything