我正在使用 google app 腳本將表單資料提交到我的電子郵件。這是一個網頁聯系表格。但默認情況下,點擊提交按鈕后,它會轉到另一個頁面并顯示“結果:成功”奇怪的訊息。我想防止重新加載或重定向。我怎樣才能做到這一點?
HTML
<form id="email-form" class="gform" action="https://script.google.com/macros/s/AKfyJu890G2t-RuhJxTNIA/exec" method="post">
<div class="email-name">
<input id="name" name="name" type="text" class="form-control" placeholder="write name" autocomplete="off">
</div>
<div class="email-main">
<input id="email" name="email" type="text" class="form-control" placeholder="write email" autocomplete="off">
</div>
<div class="email-subject">
<input id="subject" name="subject" type="text" class="form-control" placeholder="write related sub" autocomplete="off">
</div>
<div class="email-message">
<textarea id="message" name="message" class="form-control" placeholder="write message here"></textarea>
</div>
<button id="send-email" type="submit">SUBMIT EMAIL</button>
</form>
我可以使用 onclick 事件添加警報,但仍然會發生重新加載。請提供 javascript 代碼以防止此表單出現默認行為。
uj5u.com熱心網友回復:
我之前可以通過將提交按鈕移出表單來解決這個問題。
<form id="email-form" class="gform" action="https://script.google.com/macros/s/AKfyJu890G2t-RuhJxTNIA/exec" method="post">
<div class="email-name">
<input id="name" name="name" type="text" class="form-control" placeholder="write name" autocomplete="off">
</div>
<div class="email-main">
<input id="email" name="email" type="text" class="form-control" placeholder="write email" autocomplete="off">
</div>
<div class="email-subject">
<input id="subject" name="subject" type="text" class="form-control" placeholder="write related sub" autocomplete="off">
</div>
<div class="email-message">
<textarea id="message" name="message" class="form-control" placeholder="write message here"></textarea>
</div>
</form>
<button id="send-email" type="submit">SUBMIT EMAIL</button>
如果這不起作用,您可以嘗試使用target隱藏的 iframe。
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/472793.html
標籤:javascript html 形式 电子邮件
下一篇:Hadoop組成
