如何手動調用未填寫輸入字段的瀏覽器突出顯示？
[英]How do I manually invoke browser highlight of not filled in input fields?
問題描述
我有一個根據用戶輸入動態展開的表單。 首先，用戶獲得帶有一些關鍵問題的基本表格，然后根據用戶如何回答這些問題，使用AJAX加載大量其他問題。 AJAX加載通過標記為“下一步”的按鈕來調用。
在“下一步”按鈕可以向服務器發送請求之前，必須先填寫所有問題。我可以使用一些javascript代碼輕松地完成此操作，這些javascript代碼會發出警報消息，告訴用戶某些問題未得到答復，但是我會真的希望獲得與嘗試提交帶有未填寫的輸入（標記為“必填”）的表單相同的用戶體驗，瀏覽器會在其中突出顯示有問題的字段。
如何才能做到這一點？
1 個解決方案
解決方案1
1 已采納 2019-01-08 10:41:44
嘗試使用reportValidity（）
<html>
<form>
<input type="text" required>
<button type="button">Validate</button>
</form>
<script>
document.querySelector('button').onclick = function(){
document.querySelector('form').reportValidity();
}
</script>
</html>
AngularJS：如何在控制器中手動將輸入設置為 $valid？
[英]AngularJS: How do I manually set input to $valid in controller?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.