Регулярное выражение всегда ложно

Question

Итак, я пишу javascript, чтобы проверить, вводит ли пользователь адрес электронной почты.

На данный момент у меня есть код, приведенный ниже, но независимо от того, что я делаю, он дает мне 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>

Answer 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>