HTML RegEx (First letter to be capitalized)

Question

I have field "first and second name" and I need RegEx for capitalizing first letter in each word in this field.

With this pattern, only first word is capitalized, but second is not

<form action="/action_page.php">
  First and Second name <input type="text" name="f_and_s_name" pattern="[A-zA-Z]{1,13}" title="">
  <input type="submit">
</form>

Your code is not complete. Please post the whole code. The pattern attribute does not modify the value inside input, it only validates it before form submission. — Wiktor Stribiżew, Apr 26 '18 at 16:54
Your current regex [also allows `]]]]]]]]]]]]]` input or `^___[]][][`, and lowercase words](https://regex101.com/r/TUbN7k/3). Please explain what you actually are trying to achieve. — Wiktor Stribiżew, Apr 26 '18 at 16:58
If my first and second name is "John Doe" I want to validate that input in that field must be with capitalized letter (not to be Johh doe, john Doe or john doe). — Ovakos, Apr 26 '18 at 17:00
Then the basic regex would be `pattern="[A-Z][a-z]* [A-Z][a-z]*"`. — Wiktor Stribiżew, Apr 26 '18 at 17:01
Possible duplicate of [How to check if firstname's and lastname's first characters are uppercase?](https://stackoverflow.com/questions/49239808/how-to-check-if-firstnames-and-lastnames-first-characters-are-uppercase) — David, Apr 26 '18 at 17:51

score 0 · Accepted Answer · answered Apr 26 '18 at 17:33

0

The pattern="[A-zA-Z]{1,13}" pattern is parsed by the JS RegExp engine as ^(?:[A-zA-Z]{1,13})$. It matches a string that consists of 1 to 13 characters that are ASCII letters, and also [, \, ], ^, _, ` (see this answer for more details).

You plan to only validate strings that start with an uppercase ASCII letter followed with lowercase letters, then have a space, and then again an uppercase ASCII letter followed with lowercase letters.

Then, you may use

pattern="[A-Z][a-z]* [A-Z][a-z]*"

If you want to make the rule a bit less restricted, you may use [A-Z][a-zA-Z]*\s+[A-Z][a-zA-Z]* (this will also allow strings in ALLCAPS, and will allow any 1+ whitespace chars between two letter strings. If you plan to implement Unicode letter support, it will only be easy in latest Chrome versions (it will look like pattern="\p{Lu}\p{L}*\s+\p{Lu}\p{L}*"). However, it won't work in all other browsers that still do not support ECMA2018 standard.

answered Apr 26 '18 at 17:33

Wiktor Stribiżew

607,720
39
448
563

@ Wiktor, this pattern (pattern="[A-Z][a-z]* [A-Z][a-z]*") is giving me only 3 words in a string. – Ovakos May 02 '18 at 10:47
@Ovakos What do you mean by "giving" "3 words"? `/^(?:[A-Z][a-z]* [A-Z][a-z]*)$/` only matches a string that consists of exactly 2 ASCII capitalized words. – Wiktor Stribiżew May 02 '18 at 10:51
Sorry, I wrote fast and I didn't explain well. This (pattern="\p{Lu}\p{L}*\s+\p{Lu}\p{L}*") works for first and second name, and it is really good pattern. I have field "Adress" witch is in format: String String Number (or numbers) Comma String (My Street 30, NewYork). How can I implement the same thing here mate? – Ovakos May 02 '18 at 11:08
@Ovakos This is a different question then. I do not understand the requirements, but probably you want `pattern="\p{L}+\s+\p{L}+\s+\p{N}+,.*"`. No idea what you mean by "Number" and "String". When you plan to use regex, you match types of characters, so you must be very specific. – Wiktor Stribiżew May 02 '18 at 11:13
I will try to implement, and make a new question if it won't work :) Tnx – Ovakos May 02 '18 at 11:18

HTML RegEx (First letter to be capitalized)

1 Answers1