Question

如果电子邮件地址输入错误，我希望向用户显示一条消息。

HTML

<p>Email: <input type="email" id="email" onblur="validateEmail()" 
required>

<p id="emailMessage"></p>

JavaScript

function validateEmail(email){
    var regEx = /\S+@\S+/;
    var result = regEX.test(email);

    if (result = true)
        document.getElementById("emailMessage").innerhtml = ""
    else (result = false)
        document.getElementById("emailMessage").innerhtml = "Please enter a valid 
email address"
}

Answer 1

您的方法有很多问题。因为您似乎对此并不陌生，所以我将逐步告诉您什么地方不对：

result = true和result = false会将result的值设置为布尔值。条件必须为==或===。或者，您可以使用result变量，由于.test()的结果，该变量已经是布尔值。
使用innerHTML代替innerhtml。
不允许这样在javascript中中断字符串。
您的变量称为regEx而不是regEX。
email默认不是该函数的参数，您需要将this传递给该函数以使其可用。
您需要检查email.value，仅检查email，因为这只是元素。
else不需要检查条件，是否需要使用else if，但此处并不需要。

function validateEmail(email) {
  var regEx = /\S+@\S+/;
  var result = regEx.test(email.value);

  if (result) {
    document.getElementById("emailMessage").innerHTML = "";
  }
  else {
    document.getElementById("emailMessage").innerHTML = "Please enter a valid email address";
  }
}

<p>Email:</p>
<input type="email" id="email" onblur="validateEmail(this)" required>
<p id="emailMessage"></p>

Answer 2

//correct code
  function validateEmail(email)
     {
      var regEx = /\S+@\S+/;
      var result = regEX.test(email);
      if (result == true)
          document.getElementById("emailMessage").innerHTML = ""
      else (result == false)
          document.getElementById("emailMessage").innerHTML = "Please enter a valid email address"
}

Answer 3

document.getElementById("emailMessage").innerHTML = "Please enter a valid 
email address"

///使用innerHTML而不是innerhtml，就是问题

电子邮件Javascript验证消息

3 个答案: