輸入不匹配正則表達式時如何顯示錯誤信息？

Question

我只是想顯示一條錯誤消息，例如“電子郵件必須包含@”，並在出現錯誤時阻止提交表單。

我怎樣才能go做這件事？

我最近一次失敗的嘗試：

const email = document.getElementById('email')
const emailmessage = document.getElementById('emailmessage')
const regex = ('^\S+@\S+$')



form.addEventListener('submit', function (event) {
  if(!email.value.match(regex)) {
    emailchecker();
    event.preventDefault();
  }
});


let emailchecker = function() {
  if(!email.value.match(regex)) {
    document.getElementById('emailmessage').innerHTML = '<img src="222.svg" height="15"/> Email Error';
}

Answer 1

您的代碼是正確的，您只需要用於 email 驗證的正則表達式：

function emailchecker (emailAdress){
   let regexEmail = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
   if (emailAdress.match(regexEmail)) {
      return true; 
   } else {
     return false; 
   }
}
let emailAdress = "test@gmail.com";
console.log(emailchecker(emailAdress)); //return true