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