我嘗試了 aonsubmit="return redirect()"并且onsubmit="redirect()"它呼叫了一個函式，該函式window.location.href = 'successfulSignUp.html';在該<script>區域下方的 HTML 代碼中包含一個函式。沒有運氣。
嘗試過同樣但在<input type="submit">現場但也沒有運氣。
我確實有一個action="mailto:[email protected]?Subject=User Sign Up"內部表單，因為我希望用戶填寫表單，然后打開一個新的郵件選項卡讓用戶發送它。
我不是在尋找實作資料庫，也不是在尋找發送它的 php 檔案。
在各個方面，當用戶在填寫了輸入條件的表單后單擊它時，網頁絕對會忽略我創建的 redirect() 函式。
這是我的代碼：
<form id="signUpForm" action="mailto:[email protected]?Subject=User Sign Up" onsubmit="return redirect()" method="post" enctype="text/plain">
<input type="text" id="name" name="Name" placeholder="Name *" required>
<input type="text" id="surnames" name="Surnames" placeholder="Surnames *" required><br><br>
<input type="email" id="emailForm" name="Email" placeholder="Email">
<input type="tel" id="phoneNumber" name="Phone number" placeholder="Phone number *" required minlength="9"><br><br>
<input type="text" id="username" name="Username" placeholder="Username *" required>
<input type="password" id="password" name="Password" placeholder="Contrase?a *" required>
<p id="requiredFields"><span style="color: red">|</span> Fields marked with a * are required.</p>
<input id="registerNow" type="submit" value="Register"><br><br
</form>
我擁有的 JavaScript 代碼是：
<script type="text/javascript">
function redirect(){
window.location.href = 'successfulSignUp.html';
}
</script>
uj5u.com熱心網友回復：
只需在 JavaScript 函式中發送電子郵件：
<form id="signUpForm" onsubmit="redirect(event)">
<input type="text" id="name" name="Name" placeholder="Name *" required>
<input type="text" id="surnames" name="Surnames" placeholder="Surnames *" required><br><br>
<input type="email" id="emailForm" name="Email" placeholder="Email">
<input type="tel" id="phoneNumber" name="Phone number" placeholder="Phone number *" required
minlength="9"><br><br>
<input type="text" id="username" name="Username" placeholder="Username *" required>
<input type="password" id="password" name="Password" placeholder="Contrase?a *" required>
<p id="requiredFields"><span style="color: red">|</span> Fields marked with a * are required.</p>
<input id="registerNow" type="submit" value="Register"><br><br>
</form>
和重定向功能：
function redirect(e) {
e.preventDefault();
window.open('mailto:[email protected]?subject=subject&body=body'); //example email
window.location.replace('https://www.google.com'); // example url
}
對于發送電子郵件，我使用：如何從 JavaScript 發送電子郵件，但如果需要，您可以使用一些庫。
uj5u.com熱心網友回復：
您不能使瀏覽器一次導航到兩個 URL（無法打開彈出視窗/框架）。
你可以瀏覽到mailto:... 或到successfulSignup.html。
現在，你說：
我不是在尋找實作資料庫，也不是在尋找發送它的 php 檔案。
但是，您應該考慮使用服務器端解決方案（用 PHP 或其他一些編程語言撰寫）。任何服務器端方法都可以設定為通過電子郵件發送資料。
這將解決兩個問題：
- 您可以從服務器重定向到您喜歡的任何位置（或直接回傳確認 HTML）。
- 它避免了使用
mailto:這是非常不可靠的（我決不會受控制內網外使用它，甚至有一個服務器端方法會更容易的大部分時間）。
uj5u.com熱心網友回復：
通過事件重定向 onsubmit ：
<form
id="signUpForm"
action="mailto:[email protected]?Subject=User Sign Up"
onsubmit="redirect(event)"
method="post"
enctype="text/plain"
>
然后在重定向功能上使用 event.preventDefault()
function redirect (event) {
event.preventDefault()
window.location.href = 'successfulSignUp.html'
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/384974.html
標籤：javascript html 形式
下一篇：提交按鈕未啟用