html表單驗證後轉跳下一個網頁

html

rockkilly 2021-04-27 14:21:30 ‧ 2182 瀏覽

分享至

請教一下大神門阿，最近有要寫個網頁mail驗證資訊，如果判斷為true就轉跳到下一個網頁，如果false就還是在原本網頁。有參考了網路文章語法如下:

<head>
<script type="text/javascript" language="JavaScript">
function checkEmail(remail) {
if (remail.search(/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/)!=-1) {
   alert("Email 資料正確！");
 }
 else {
  alert("Email 資料錯誤？請重新輸入！");
  document.myForm.email.focus();
}
}
</script>
</head>
<body>
<form action="" method="post" name="myForm">
您的 Email：<input type="text" name="email" size="10">
<input type="button" value="前往下個網頁" onClick="checkEmail(document.myForm.email.value);"> 
</form>
</body>

可是阿，怎麼改都沒辦法轉跳到下一個網頁，可以求解嗎???感恩

看更多先前的討論...收起先前的討論...

darrenchen2020 iT邦新手 4 級 ‧ 2021-04-27 14:48:39 檢舉

在checkEmail 確認正確後執行 window.location = "前往網址"

archer9080 iT邦研究生 3 級 ‧ 2021-04-27 14:54:21 檢舉

>如果判斷為true就轉跳到下一個網頁
是
1.傳送表單資料到下一個頁面
2.還是單純的就前往另一頁?

1.的話
<form action="" method="post" name="myForm">
改成
<form action="那個頁面的路徑" method="post" name="myForm">
且
alert("Email 資料正確！");後面加上document.myform.submit();

2.的話
直接
alert("Email 資料正確！");後面加上window.location.href="那個頁面的路徑"

rockkilly iT邦新手 5 級 ‧ 2021-04-27 15:31:02 檢舉

2.的方式是我想要用的但是我加了按了沒反應@@" alert("Email 資料正確！"); window.location.href="www.google.com.tw"，假設是前網google網頁但是沒反應。
我實在是太蠢了，眼睛花花用1第一個方式可以轉跳了感謝教學

archer9080 iT邦研究生 3 級 ‧ 2021-04-27 16:07:57 檢舉

第二點修正，沒注意到

alert("Email 資料正確！");後面加上window.location.href="那個頁面的路徑"

且

<input type="button" value="前往下個網頁" onClick="checkEmail(document.myForm.email.value); ">
改成
<input type="button" value="前往下個網頁" onClick="checkEmail(document.myForm.email.value); return false;">
試試看

rockkilly iT邦新手 5 級 ‧ 2021-04-28 08:34:10 檢舉

謝謝教學，上面您提供方法已經可以了，另一個方式我再來研究看看是否也可行，感謝

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

純真的人

iT邦大師 1 級 ‧ 2021-04-27 14:50:19

你判斷完後...沒有form送出~

alert("Email 資料正確！");
document.myForm.submit();

回應 1
分享
檢舉

rockkilly iT邦新手 5 級 ‧ 2021-04-27 15:32:23 檢舉

感謝分享，樓上有教學，感恩

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22208 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙