|
@@ -55,25 +55,28 @@
|
|
|
<div class="container my-5 py-5 position-relative">
|
|
|
<form id="ytForm" class="row g-3 justify-content-center">
|
|
|
<p class="text-center">
|
|
|
- 請留下您的資訊
|
|
|
+ Please leave your information
|
|
|
+ <!-- 請留下您的資訊 -->
|
|
|
</p>
|
|
|
|
|
|
<div class="col-md-7 mb-3">
|
|
|
<label for="email" class="form-label">
|
|
|
- 電子郵件:
|
|
|
+ Email:
|
|
|
+ <!-- 電子郵件: -->
|
|
|
</label>
|
|
|
- <input type="email" class="form-control" id="email" placeholder="請輸入您的電子郵件地址" required>
|
|
|
+ <input type="email" class="form-control" id="email" placeholder="Enter your email address" required>
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-7 mb-3">
|
|
|
<label for="youtubeLink" class="form-label">
|
|
|
- YouTube 連結:
|
|
|
+ YouTube Link:
|
|
|
+ <!-- YouTube 連結: -->
|
|
|
</label>
|
|
|
- <input type="url" class="form-control" id="youtubeLink" placeholder="請貼上您的 YouTube 影片連結" required>
|
|
|
+ <input type="url" class="form-control" id="youtubeLink" placeholder="Paste your YouTube video link" required>
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-7 mt-4">
|
|
|
- <button onclick="sendYTData()" id="submitYTData" type="submit" class="btn btn-primary w-100">送出</button>
|
|
|
+ <button onclick="sendYTData()" id="submitYTData" type="submit" class="btn btn-primary w-100">Submit</button>
|
|
|
</div>
|
|
|
|
|
|
</form>
|
|
@@ -84,9 +87,9 @@
|
|
|
{{ .Content }}
|
|
|
</div>
|
|
|
|
|
|
- <div id="form">
|
|
|
+ <!-- <div id="form">
|
|
|
{{ partial "form-main.html" . }}
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
|
|
|
|
|
@@ -130,7 +133,7 @@
|
|
|
|
|
|
// 顯示 Loading 狀態
|
|
|
submitBtn.disabled = true;
|
|
|
- submitBtn.innerHTML = `<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> 送出中...`;
|
|
|
+ submitBtn.innerHTML = `<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Submit`;
|
|
|
|
|
|
const data = {
|
|
|
yt_link: ytLink,
|
|
@@ -146,21 +149,23 @@
|
|
|
})
|
|
|
.then(response => response.json())
|
|
|
.then(result => {
|
|
|
- console.log("成功送出:", result);
|
|
|
- alert("您的資料已送出!");
|
|
|
+ console.log("result", result);
|
|
|
+ alert("Your information has been submitted!");
|
|
|
+ // alert("您的資料已送出!");
|
|
|
|
|
|
// 清空輸入框
|
|
|
document.getElementById("email").value = "";
|
|
|
document.getElementById("youtubeLink").value = "";
|
|
|
})
|
|
|
.catch(error => {
|
|
|
- console.error("送出失敗:", error);
|
|
|
- alert("送出失敗,請稍後再試!");
|
|
|
+ console.error("error", error);
|
|
|
+ alert("Submission failed, please try again later!");
|
|
|
+ // alert("送出失敗,請稍後再試!");
|
|
|
})
|
|
|
.finally(() => {
|
|
|
// 恢復按鈕狀態
|
|
|
submitBtn.disabled = false;
|
|
|
- submitBtn.innerHTML = "送出";
|
|
|
+ submitBtn.innerHTML = "Submit";
|
|
|
});
|
|
|
}
|
|
|
</script>
|