2013-06-27 3 views
2

Я пытаюсь найти правильный шаблон для формы HTML5. Я хотел бы разрешить все верхние & строчные буквы, пробелы, цифры и символы/\ @ # $% &.HTML5 Форма/валидация формы

Я пробовал пару разных форматов, но мне не повезло.

До сих пор у меня есть:

Address: <input type="text" name="Address" size="25" pattern="[a-zA-Z0-9 ]{2,35}]" title="Title" required/> 
+0

вы имеете в виду вы хотите, чтобы все вещи? –

+0

№. он не хочет! ,? | и другие знаки пунктуации: D –

ответ

6

Это пример, который я построил с w3schools тестовой страницы:

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<form onsubmit="getElementById('s').innerHTML=getElementById('i').value;return false;"> 
 
    Country code: <input id="i" type="text" name="country_code" pattern="([a-zA-Z0-9]| |/|\\|@|#|\$|%|&)+" title="Three letter country code"> 
 
    <input type="submit"> 
 
</form> 
 
<p>Submitted value: <span id="s">

Примечание: Атрибут шаблон ввода тега не поддерживается в Internet Explorer 9 и более ранних версиях, или в Safari.

Вы можете использовать его, чтобы сделать свои собственные тесты на http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_pattern

+3

Ваш шаблон регулярного выражения не совсем корректен. Правильным является '([a-zA-Z0-9] | |/| \\ | @ | # | \ $ |% | &) +' или '[a-zA-Z0-9/\\ @ # $% &] + '. – Toothbrush