在旧版浏览器上获取默认验证输入电子邮件

Question

我正在尝试为简报订阅构建一个简单的联系表单，CF只有一个输入字段（电子邮件）和提交按钮。我用了type =＆＃34; email＆＃34; HTML5检查电子邮件和新浏览器我得到默认验证消息：

当我使用旧版浏览器时，这并没有发生，所以我使用了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这样的方法，但我以前从未使用过它们所以我真的不知道如何开始。

有什么建议吗？