将JavaScript电子邮件错误框应用于其他元素

Question

我已经在我的网站上使用LocalStorage构建了一个登录系统，如果输入不正确，我想生成一条错误消息。由于我已经在另一页上获得了有关电子邮件错误的帮助，因此，我希望将显示在此处的消息添加到其他错误消息中。是否有将电子邮件错误消息应用于其他元素的解决方案，还是我必须设置样式并重建所有消息？如果有可能（代码下面），我希望使用“ checkRegisterEnter”功能和“ checkRegisterPassword”功能来替代警报。电子邮件支票如下所示。

JavaScript代码：

function checkRegisterEnter(){}
  if(givenname.value == 0){
    alert("Name field is Empty!")
  }

function checkRegisterPassword(){
  if(password.value !== password2.value) {
    alert('The first password does not match the second!')
  }
}

//Email_Check
const checkrform = document.getElementById("register.form")[0];
const checkremail = document.getElementById("ri3");
let remailerror = checkremail;
while ((remailerror = remailerror.nextSilbing).nodeType != 1);
const remailRegExp = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;

function addEvent(remailelement,remailevent,callback){
  let previousEventCallBack = remailelement["on"+remailevent];
  remailelement["on"+remailevent] = function (e) {const remailoutput = callback(e);

  }
};

（（通过Google翻译翻译，可能包含错误。）

编辑：问题仍未解决。如果有人知道答案会很有帮助。

Answer 1

JavaScript中的错误可以在不使用警报框的情况下显示，但是使用警报框是传统的方法。我们可以使用两种方法显示错误，而无需使用警告框