javascript - 我可以使用 Regex 读取输入的用户电子邮件地址，然后显示/隐藏与 @hotmail.com 匹配的 div 元素吗？

Question

我希望添加一个正则表达式控件，该控件将在客户键入时读取客户电子邮件地址(或已完成键入且焦点不再位于该电子邮件文本框上)。

例如，如果电子邮件地址以“@hotmail.com”结尾，那么将显示一个带有更多选项的 div 元素(我想我已经对这部分进行了编码)

我的代码片段如下:

jQuery

$().ready(function () {
  var Toggler = document.getElementById('chkYes');
  if (Toggler != null) {
    ToggleHOTMAIL(Toggler);
  }
  $('[data-toggle="tooltip"]').tooltip();
});

Answer 1

你可以这样做:

$(".email").on("keyup change", function() {
  if ($(this).val().match(/@hotmail\.com$/)){
    $(".myDiv").show();
  } else {
    $(".myDiv").hide();
  }
});

Here is the JSFiddle demo