我有一個 JavaScript 可以幫助我驗證用戶輸入。如果他們提供的電話號碼未被其他用戶使用，javascript 會將用戶重定向到新頁面。
如果用戶提供的電話號碼與我的 javascript 中的電話號碼匹配，他們會收到一條訊息：電話號碼已被使用！他們不會被重定向。但是如果他們提供的電話號碼與我的 javascript 中的任何電話號碼不匹配，他們就會被重定向。
下面是代碼；
/* myScript.js */
function check(form) /*function to check used phone numbers*/ {
/*the following code checkes whether the entered phone number is matching*/
if (form.usercheck1.value == "12345678"
|| form.usercheck1.value == "1112345666")
{
alert("Phone number used!.") /*displays error message*/
} else if (form.usercheck1.value.length<11 || form.usercheck1.value.length>11) { alert("Phone number should be 11 digits! \nAnd it should begin with; 080, 081, 070, 090, or 091.");
}
else {
window.location.replace('http://www.google.com')
/*opens the target page while Id matches*/
}
}現在，我需要類似的東西，但這次不是用于重定向，而是用于表單提交。我需要一個 Javascript 來防止我的表單在用戶提供已被其他用戶使用的電子郵件時自行提交。
當用戶提供與我的 javascript 中的電子郵件地址匹配的電子郵件地址時，他們應該收到一條訊息：使用電子郵件。但是當電子郵件與我的 javascript 中的任何電子郵件地址不匹配時，我的表單應該提交。
我知道這不是一種專業的方法，但我仍然需要解決方案。
uj5u.com熱心網友回復：
為此，您可以向表單提交添加一個事件偵聽器，獲取事件并對其執行preventDefault()，這將阻止表單提交
const myForm = document.getElementById("myForm") ;
const myInput = document.getElementById("myInput");
myForm.addEventListener("submit", (e) => {
if(myInput.value !== "foo") {
e.preventDefault();
console.log("Prevented form submitting")
}
})<form id="myForm" action="/submit" method="GET">
<input type="text" id="myInput" name="myinput">
<input type="submit" value="Submit !">
</form>uj5u.com熱心網友回復：
您可以為 onsubmit 事件分配一個函式：
const formHandle = document.forms.form_name;
formHandle.onsubmit = processForm;
function processForm(){
// Check email address
if (email === "[email protected]") {
alert("Email is used.");
// This prevents submission
return false;
}
}
uj5u.com熱心網友回復：
您似乎想檢查資料庫中的用戶電子郵件，如果它存在，那么您想向用戶顯示一條訊息“用戶已經存在”；
在這種情況下，您必須使用ajax呼叫并檢查資料庫中的用戶可用性
function check(form){
var email = form.email.value;
$.ajax({
// https://www.w3schools.com/jquery/ajax_ajax.asp
// request your variables and check if your back end if the email is found in database or not//
})
}
謝謝
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/337398.html
標籤：javascript 形式 验证
下一篇：在模板中使用不完整的型別