[英]Display message after form submit with javascript
我想顯示我在單擊帶有 javascript 的提交按鈕后輸入的消息。 我想知道我必須對 javascript 使用警報或模式。 我只想使用 Javascript 而不是 JQuery 或 Ajax。
<body>
<form action="index.html" method="POST">
<label for="FirstName">First Name:</label>
<input type="text" id="FirstName" placeholder="First Name">
<label for="LastName">Last Name:</label>
<input type="text" id="LastName" placeholder="Last Name">
<input type="Submit" value="Submit" />
</form>
</body>
您可以執行以下操作：
let form = document.getElementsByTagName("form")[0]; form.addEventListener("submit", (e) => { e.preventDefault(); alert("Form Submitted;"); });
<form action="index.html" method="POST"> <label for="FirstName">First Name:</label> <input type="text" id="FirstName" placeholder="First Name" /> <label for="LastName">Last Name:</label> <input type="text" id="LastName" placeholder="Last Name" /> <input type="Submit" value="Submit" /> </form>
我希望下面的代碼會有所幫助。
let form = document.getElementById("form"); form.onsubmit = function(){ let inputs = Object.fromEntries([...form.children].filter(e=>e.localName=="input"&&e.placeholder).map(e=>[e.placeholder,e.value])); for(key in inputs) alert(key+": "+inputs[key]); }
<body> <form id="form" action="index.html" method="POST"> <:--i've added an id --> <label for="FirstName">First Name:</label> <input type="text" id="FirstName" placeholder="First Name"> <label for="LastName">Last Name:</label> <input type="text" id="LastName" placeholder="Last Name"> <input type="Submit" value="Submit" /> </form> </body>
表單提交成功后通過 Javascript 顯示來自 Lambda 的消息
[英]Display message from Lambda via Javascript after successful form submit
成功提交到Google表格后，提交表單應顯示消息
[英]Submit Form should display message after successful submit to Google Sheets
在不使用 PHP 的情況下單擊表單中的提交（輸入類型）后，如何使用 javascript 在頁面上顯示消息
[英]How to display a message on page using javascript after clicking on submit(input type) in a form without using PHP
javascript | 單擊“提交”按鈕后如何顯示成功消息
[英]javascript | How to display a success message after clicking the submit button
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.