Question

我有一个联系表，其中缺少的字段和无效的字段以红色突出显示。除电子邮件验证字段外，其他所有工具都运行良好。我面临的问题是，当用户在电子邮件输入字段中输入无效的电子邮件地址并提交输入字段时，红色突出显示（完美！），但是当用户重新输入有效的电子邮件地址并提交突出显示的边框时，仍然保留

function validateEmail(email) {
  var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
  return emailReg.test(email);
}


$("#contactForm").submit(function(event) {

  $("#email").removeClass("border-red");

  if (!validateEmail("#email")) {
    $("#email").addClass("border-red");
  }

});

Answer 1

您需要将输入的#email的值传递给validateEmail函数

if (!validateEmail($("#email").val()){
}

Answer 2

$("#contactForm").submit(function(event) 
 {
$("#email").removeClass("border-red"); 
if (!validateEmail($("#email").val()) 
{ 
$("#email").addClass("border-red"); 
} 
});

电子邮件验证/删除类别

2 个答案: