Получить проверочную электронную почту по умолчанию для старых браузеров - PullRequest
Новая
       6

Получить проверочную электронную почту по умолчанию для старых браузеров

0 голосов
/ 08 мая 2018

Я пытаюсь создать простую контактную форму для подписки на новостную рассылку, у CF есть только одно поле ввода (электронная почта) и кнопка отправки. Я использовал type = "email" в HTML5, чтобы проверить электронную почту, и в новых браузерах я получаю сообщение проверки по умолчанию:

enter image description here

Этого не происходит, когда я использую старые браузеры, очевидно, поэтому я использовал предупреждение JS на случай, если пользователь использует старые браузеры, но это не то, что я хотел бы.

Я хотел бы получить одно и то же сообщение (по умолчанию для браузера) во всех браузерах.

Вот мой код:

HTML 

<div class="newsletter-wrap-flex margin-top-div">
  <div class="newsletter-title">
    <span>
      NEWSLETTER
    </span>
  </div>
  <div class="newsletter-form">
    <form id="newsletter-cf" method="post" action="">
      <input id="contact-email" type="email" placeholder="Your email" required/>
      <input id="contact-send" class="submit" type="submit" value="Subscribe" />
    </form>
    <div id="message-sent">Congratulation! Your request has been sent.</div>
  </div>
</div>

JS 

function checkEmail(inputvalue) {
 var pattern = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
 return pattern.test(inputvalue);
}


    $('#newsletter-cf').submit(function () {
      var email = document.getElementById("contact-email").value;
      if (!checkEmail(email))
     {
     alert('Email address is invalid');
     return false;
     }   
      $("#newsletter-cf").slideUp("slow");
      $("#message-sent").slideDown("slow");  
      return false;
    });

Я читал, что может быть несколько способов, таких как Modernizr, но я никогда не использовал их раньше, поэтому я не знаю, с чего начать.

Есть предложения?

...