将 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);

  }
};

(Translated with Google Translate, 可能有错误。)

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

Answer 1

JavaScript 中的错误可以在不使用警告框的情况下显示，但使用警告框是执行此操作的传统方法。我们可以用两种方法在不使用警告框的情况下显示错误

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

Apply JavaScript Email Error Box to other elements

html

javascript

css

message

local-storage