У меня есть следующий тег ввода в моей форме html5:
<p>
<label>Company Name*</label>
<input type="text" name="name" class="field" required pattern="[a-zA-Z0-9]+" />
</p>
Это работает просто отлично, если имя компании состоит из буквенно-цифровых символов. Но, конечно, я хочу разрешить пробелы в названии компании. Мне нужно знать, что я должен добавить к шаблону.
Как добавить пространство в атрибут pattern, например pattern="[a-zA-Z0-9 ]+".
Если вы хотите поддерживать любое пространство, попробуйте pattern="[a-zA-Z0-9\s]+"
Мое решение состоит в том, чтобы охватить весь диапазон диакритики:
([A-z0-9À-ž\s]){2,}
A-z - это для всех латинских символов
0-9 - это для всех цифр
À-ž - это для всех диакритик
\s - это для пробелов
{2,} - строка должна содержать не менее 2 символов
Чтобы избежать ввода только пробелов, используйте: "[a-zA-Z0-9]+[a-zA-Z0-9 ]+".
eg: abc | abc aBc | abc 123 AbC 938234
Чтобы гарантировать, например, что введена первая И фамилия, используйте небольшое изменение, например
"[a-zA-Z]+[ ][a-zA-Z]+"
eg: abc def
Используйте этот код, чтобы гарантировать, что пользователь не просто вводит пробелы, а действительное имя:
pattern="[a-zA-Z][a-zA-Z0-9\s]*"
Использовать ниже код для шаблона проверки HTML5 буквенно-цифровым без/с пространством: -
для шаблона проверки HTML5 буквенно-цифровое без пробела: - onkeypress = "return event.charCode >= 48 && event.charCode <= 57 || event.charCode >= 97 & event.charCode <= 122 || event.charCode >= 65 && event.charCode <= 90"
для шаблона проверки HTML5 буквенно-цифровой с пробелом: -
onkeypress = "return event.charCode >= 48 && event.charCode <= 57 || event.charCode >= 97 & event.charCode <= 122 || event. charCode >= 65 && event.charCode <= 90 || event.charCode == 32"