JS通過表單驗證確認工作，但未顯示驗證字

Question

我已經制作了一個html表單，我想讓它需要輸入，並在js確認之前提交，這樣它就可以正常工作：

<form action="someAction" method="post">
    <input type="text" required/>
    <button type="submit" onclick="return confirm('sure to submit?');">test</button>
</form>

如果未確認，則表明我們未在必需的輸入標簽中輸入任何內容。 然后，將出現一個信息框告訴您。 但是通過確認，信息框消失了。

我怎么做？

Answer 1

如果我了解您想要什么，您的代碼將如下所示：

更新 使用html驗證，如果需要

 function validate(){ var collection = document.forms["myForm"].elements; for(var k in collection){ if(collection[k].type === 'text'){ if(collection[k]['value']!== '') { console.log(collection[k]['value']); }else{ return false; } } } return true; } function onSubmit(){ if(confirm('Confirm this action')) return true; // submit the form // else, manualy validate in js each form element value console.log(`The form is valide : ${validate()}`); alert('Some Info to dislay'); // display info return false; // prevent submit event } 

 <form action="someAction" method="post" name="myForm" onSubmit="return onSubmit();"> <!-- validate in html --> <input name="data" required type="text" /> <input name="blabla" type="text" required pattern="[A-Za-z]{3}" /> <input type="submit" value="test"/> </form> 

Answer 2

我找到了路，分享給每個人。

$( "form" ).submit(function( event ) {
  if (!confirm("Sure to submit?")) {
    return false;
  }
});

它將首先檢查所需的輸入，然后觸發Submit事件並確認。