如何使用Jquery或javascript添加多个电子邮件id验证，并在文本区域中用“；”分隔

<textarea id="emailInput" rows="4" cols="50"></textarea>
<button id="validateButton">验证</button>

$(document).ready(function() {
  $("#validateButton").click(function() {
    var emailInput = $("#emailInput").val();
    validateEmails(emailInput);
  });
});

function validateEmails(emailInput) {
  var emails = emailInput.split(";"); // 通过";"分隔多个电子邮件ID
  var validEmails = [];

  for (var i = 0; i < emails.length; i++) {
    var email = emails[i].trim(); // 去除空格

    // 使用正则表达式验证电子邮件ID的格式
    var emailRegex = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/;
    if (emailRegex.test(email)) {
      validEmails.push(email);
    }
  }

  var validatedEmails = validEmails.join(";"); // 用";"重新组合验证通过的电子邮件ID
  console.log(validatedEmails);
}