HTML 5輸入正則表達式模式不起作用

Question

出於某種原因，我在使用HTML5表單驗證模式屬性時遇到問題。我試圖匹配這個條件/[!?^$\\\/{}]/g。我試過轉義\刪除\與全局屬性，刪除[]，幾乎所有東西。所以總是有第一次在stackoverflow上發佈一個問題。

簡而言之，用戶不應該輸入以下\/${}

<form action="#"> 
    <input type="text" required pattern="/[!?^$\\\/{}]/g"> 
    <button type="submit">Submit</button> 
</form> 

4.20 - 4.21 New export - >應該是有效的

4/20 - 2/21 $New {export} - >應爲無效

這裏的小提琴：http://jsfiddle.net/TV28A/

Answer 1

我已經嘗試了以上所有的答案，任何工作（不知道是不是我測試錯）。但以防萬一：

，如果你想阻止只有\/${}人物，我認爲，這應該是正確的正則表達式[^\/\\${}]*

這樣的代碼會是這樣的：

<form action="#"> 
    <input type="text" required pattern="[^\/\\${}]*"> 
    <button type="submit">Submit</button> 
</form> 

把^字符作爲第一個放入括號中，否定了句子，所以[^\/\\${}]*表示字符串，其中不是有任何大小的/ \ $ { }。

編輯：

共享jsFiddle如在意見中的要求。

Answer 2

您無需將RegEx放入/使用pattern屬性時。此外，g標誌也是不必要的，因爲表達式必須匹配整個輸入字段，而不僅僅是一部分。

這應該能滿足你的目的：

<form action="#"> 
    <input type="text" required pattern="[!?^$\\\/{}]"> 
    <button type="submit">Submit</button> 
</form>