正则表达式总是假的答案

【问题标题】：Regular Expression always false正则表达式总是假的
【发布时间】：2020-04-26 07:35:32
【问题描述】：

所以我正在编写一些 javascript 来检查用户是否输入了 gmail 地址。

目前我有下面的代码，但无论我做什么，它都会给我false。即使输入有@gmail.com ...我觉得错误是我如何在变量中获取用户输入，然后使用test() 对其进行测试。

Javascript：

<script>
  function validationCheck() {
    var email = document.getElementById("inputEmail");
    var gmailPatt = /@gmail.com/i;
    var emailMatch = gmailPatt.test(email);

    if (emailMatch == false || emailMatch == true) {
      document.getElementById("emailError").innerHTML =
        "<p>" + emailMatch + "</p>";
    } else {
    }
  }
</script>

html

<form>
  <div class="form-group row">
    <div>
      <label for="inputEmail" class="col-sm-1">Email:</label>
      <input
        type="text"
        class="form-control col-sm-1"
        id="inputEmail"
        placeholder="username@gmail.com"
      />
      <p id="emailError"></p>
    </div>
  </div>

  <button type="button" onclick="validationCheck()">Check</button>
</form>

【问题讨论】：

标签： javascript html regex validation

【解决方案1】：

你需要检查输入的值，var emailMatch = gmailPatt.test(email.value);

function validationCheck() {
  var email = document.getElementById("inputEmail");
  var gmailPatt = /@gmail.com/i;
  var emailMatch = gmailPatt.test(email.value);

  if (emailMatch == false || emailMatch == true) {
    document.getElementById("emailError").innerHTML =
      "<p>" + emailMatch + "</p>";
  } else {}
}

<form>
  <div class="form-group row">
    <div>
      <label for="inputEmail" class="col-sm-1">Email:</label>
      <input type="text" class="form-control col-sm-1" id="inputEmail" placeholder="username@gmail.com" />
      <p id="emailError"></p>
    </div>
  </div>

  <button type="button" onclick="validationCheck()">Check</button>
</form>

【讨论】：