我們已經成功地使用了這樣的 html5 欄位驗證：
<input type="text" title="This field is required" required>
但是對于特定的欄位，我們喜歡在欄位中禁止特定的特殊字符：@。我們嘗試使用模式，但它不起作用。代碼如下
<input type="text" pattern="[^@]" title="Do not allow @" title="This field is required" required>關于如何正確執行此操作的任何想法。順便祝大家新年快樂，并希望我們在新的一年里不會遇到任何編碼問題！
uj5u.com熱心網友回復：
如果您想禁止用戶寫@字符，請使用此代碼
<!DOCTYPE html>
<html>
<body>
<form id="my-form">
<input type="text" id="myInputID">
<button type="submit" onclick="submit()">Submit</button>
</form>
<script>
var el = document.getElementById("myInputID");
el.addEventListener("keypress", function(event) {
if (event.key === '@') {
event.preventDefault();
}
});
</script>
</body>
</html>
uj5u.com熱心網友回復：
@如果在屬性值中添加 after [^@]，則可以禁止提交時使用字符pattern：
<form>
<input type="text" pattern="[^@] " title="Do not allow @" title="This field is required" required />
<input type="Submit"/>
</form>該pattern="[^@] "模式轉換為^(?:[^@] )$匹配一個或多個字符而不是@從開始到結束。
但是，如果您還想阻止@字符輸入，則可以將上面的代碼增強為
<form>
<input type="text" pattern="[^@] " onkeypress="return event.charCode !== 64" title="Do not allow @" title="This field is required" required />
<input type="Submit" />
</form>盡管如此，這仍然允許粘貼@輸入欄位表單。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/401263.html
上一篇：從正則運算式組中排除一些字符
下一篇：替換R中字串末尾的點