JS setCustomValidity第一次不起作用

Question

我想在表單中添加自定義有效性消息，但存在一些問題。

單擊兩次后，將顯示有效性消息。 如果我第一次沒有輸入正確的單詞“文本”，那么它將不再提交。 我的代碼有什么問題。

JS：

 function a(){ jQuery("#text")[0].setCustomValidity(""); if (jQuery("#text").val() == "text"){ return confirm('sure?'); } jQuery("#text")[0].setCustomValidity("Incorrect"); return false; } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form action="/" method="post" onsubmit="return a();"> <input type='text' id="text"/> <input type="submit" value="submit"/> </form> 

Answer 1

請嘗試檢查以下解決方案：

 $(document).on('click',"#submit_btn", function() { if($("#text").val() === "text") return confirm('sure?'); else $("#text")[0].setCustomValidity("Incorrect"); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form action="/" method="post"> <input type='text' id="text"/> <input type="submit" value="submit" id="submit_btn"/> </form>