如何在 onclick 按鈕之后放置提交表單的消息？

Question

我只需要一個彈出窗口或一條消息說“謝謝您提交”，但是確認 onclick 按鈕很難做到

*Nome do Utilizador：

 <div> <label for="email">*E-Mail: <span class="required">&nbsp;</span></label> <input id="email" maxlength="80" name="email" size="20" type="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+.[az]{2,63}$" /><br> </div> <div> <label for="Password__c">*Password:<span class="required">&nbsp;</span></label> <textarea id="Password__c" name="Password__c" class="inputField" required></textarea> </div> <div> <label for="Agent__c">*Responsável pelo pedido:<span class="required">&nbsp;</span></label> <textarea id="Agent__c" name="Agent__c" class="inputField" required></textarea> </div> <div> <label for="description">Descrição:<span class="">&nbsp;</span></label> <textarea id="description" name="description" class="inputField"></textarea> </div> <p></p> <div class="divActions"> <span onclick="Alertasubmissao();"> </span> <input type="submit" name="submit" value="ENVIAR" onclick="return confirm('Tem a certeza que deseja enviar os dados ao cliente?');">

Answer 1

您還沒有在 Javascript 代碼中編寫它，如果您嘗試在HTML中執行它，這將非常困難並且會使您的代碼混亂。 最好創建另一個文件，例如： submitting.js並在單擊按鈕時引用。

<input type="submit" name="submit" value="ENVIAR" onclick="submitting,js">

在submitting.js中，您應該包含“Javascript”的警報 function。 例如像這樣：

<script type="text/javascript">
    alert("You have clicked the button!");
</script>

Answer 2

我希望這會對您有所幫助，您需要將確認和警報移動到單個 function 並在提交表單時調用它

如果用戶點擊“否”確認對話框，則表單提交將被取消，如果用戶點擊“確認”，表單將被提交，並會顯示謝謝提醒。

 document.querySelector('form').onsubmit = (e)=>{ let okToSubmit = confirm('Tem a certeza que deseja enviar os dados ao cliente?'); if(.okToSubmit) return false document.querySelector('.alert');innerText = "Thank you for submitting"; return true; }

 <form action="/" method="post"> <input type="text" name="name"> <input type="submit"/> </form> <div class="alert"></div>