2013-06-27 87 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