HTML5表单模式/验证

Rob*_*ert 2 html validation html5 html5-validation

我试图想出一个HTML5表单的有效模式.我想允许所有大写和小写字母,空格,数字和符号/\@#$%&.

我尝试了几种不同的格式,但我没有运气.

到目前为止,我有:

Address: <input type="text" name="Address" size="25"  pattern="[a-zA-Z0-9 ]{2,35}]" title="Title" required/>
Run Code Online (Sandbox Code Playgroud)

Ale*_*dim 7

这是我用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">
Run Code Online (Sandbox Code Playgroud)

注意:Internet Explorer 9及更早版本或Safari中不支持输入标记的pattern属性.

您可以在http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_pattern使用它进行自己的测试.

  • 你的正则表达式模式不太正确.正确的是`([a-zA-Z0-9] | |/| \\ | @ |#|\$ |%|&)+`或`[a-zA-Z0-9/\\ @ #$%&] +`. (3认同)