無論如何,是否可以使用模式屬性針對客戶端上的資料串列驗證輸入值?
例如,我輸入了用戶名,并且用戶名必須是唯一的。
我的價值是
"John_Doe"
并且必須針對
[david,hello,dreamer,John_Doe,socceroos]
當驗證未能滿足要求時,它會將 form.formValidity() 回傳為 false?!
<input type="text" name="username"
patern="?????">
uj5u.com熱心網友回復:
pattern
可以接受正則運算式。|
在這種情況下,用表示“或”的“管道”()分隔名稱。
input:invalid { border: 1px solid red; }
<input
type="text"
name="username"
pattern="^(?!(david|hello|dreamer|John_Doe|socceroos)$)(\w*)"
>
uj5u.com熱心網友回復:
使用正則運算式替代品:
pattern="david|hello|dreamer|John_Doe|socceroos"
uj5u.com熱心網友回復:
我正在使用正則運算式來驗證我的用戶名。我不知道它是否是標準的!但對我來說作業得很好:首先,當您發送獲取請求時,您需要獲取所有用戶名并進行修改,然后傳遞您在控制器上定義的 currentUsername 變數,以便使用ejs
npm 在您的 html 檔案中使用:
for (let i = 0; i < usernames.length; i ) {
usernames[i] = ("^" usernames[i] "$|");
if (i === usernames.length - 1) {
usernames[i] = usernames[i].slice(0, -1)
}
};
const currentUsernames = usernames.reduce((a, b) => a b);
并使用以下模式作為您的元素屬性:
patern="(?!<%= currentUsernames %>).*"
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/507257.html
標籤:javascript html 形式 验证 约束
上一篇:WPF樣式設計文本框工具提示
下一篇:XSLT-不止一個驗證