-1
A
回答
0
雙重驗證HTML中的驗證和表單提交的驗證。
HTML
<input name="numbers" type="text" maxlength="9" size="20" pattern="^\d{9}$" placeholder="9 digits only" />
這限制了輸入到9個字符,允許模式匹配9位僅將轉向輸入區域紅色如果不正確,並增加了佔位符文本,以警告用戶。
的JavaScript
有關示例,這裏採用一個簡單的按鈕來輸入驗證表單提交之前:
const button = document.querySelector('button');
button.addEventListener('click', formHandler, false);
function formHandler(e) {
// Don't submit the form yet
e.preventDefault();
// Grab the form
const form = document.forms[0];
// Use the same regex as in the HTML to test the input value
if (/^\d{9}$/.test(form.numbers.value)) {
console.log('OK') // form.submit() ?
} else {
console.log('Fail')
}
}
相關問題
- 1. WP聯繫表7數據庫遷移郵件字段丟失
- 2. 聯繫表格7 WP,選擇一個選項後的附加文本字段
- 3. wordpress聯繫表格7日期字段顯示不正確
- 4. 如何將AJAX應用於聯繫表單7中的特定字段?
- 5. 「聯繫表7」日期字段無法正常工作
- 6. 添加自定義字段到聯繫人表單7標記
- 7. 清除聯繫表格7中的字段(WordPress的)
- 8. 聯繫表格7帶自動填充字段的條件字段
- 9. 如何顯示7位數的數字?
- 10. 聯繫自定義字段
- 11. 聯繫表 - 從字段
- 12. 如何指定用戶必須插入到輸入字段中的確切位數?
- 13. 聯繫表單7文本字段不可編輯
- 14. 如何在php聯繫表中定製「值」字段
- 15. 通過表單ID聯繫表單7字段列表?
- 16. 用數字格式化程序指定文本字段中的小數位數
- 17. jQuery在聯繫表格中必填字段和條件7
- 18. 如何確定數字中的小數位數?
- 19. 從字符串中確定確定位置中的數字 - Java
- 20. 在WP 7中提取聯繫人數據
- 21. 如何確定VARCHAR字段值中的字節數量?
- 22. 如何指定複選框數據以保存到位字段
- 23. WordPress - 聯繫表單7字段保存到不同的數據庫
- 24. 如何找到指定的數字位於數字列表之間?
- 25. 禁用輸入字段上的文本聯繫表格7 wordpress
- 26. 聯繫表格7隱藏空字段的標籤
- 27. 聯繫表7軌道提交字段的錯誤
- 28. 如何通過確定字段中的每個數字來更新字段值?
- 29. 如何在聯繫表單7中使所有字段看起來一樣?
- 30. 命名數據庫表字段以指定關係?