jquery - Jquery如何在写入有效邮件后使div可见

Question

在输入有效的电子邮件地址后，我想制作表格，它将显示下一部分。我有一些代码要验证，但我需要一些代码，它会等到输入电子邮件地址。

<input style="border-radius: 4px;" name="editsubsemail" type="text" id="editsubsemail" size="40"/><br /><br />

这是jquery代码，我需要用一些东西替换那个.click（只是占位符），这将检查“editsubsemail”是否充满了电子邮件

var visibility_edit = false;
$("#changesubs-wraper").click(function(){
if( visibility_edit == false ){
    $('#change-info-wraper').show("slow");
    $('#delete-subs-wraper').show("slow"); 
    visibility_edit = true;
} else {
    $('#change-info-wraper').hide("slow");
    $('#delete-subs-wraper').hide("slow");   
    visibility_edit = false;
}
});

Answer 1

在 css-tricks 上查看此研讨会注册演示表。看起来它可以通过一些调整来解决您的问题。这是来源。

Answer 2

对于：<input name='email' type='email' id='email'>和<div id='somediv'></div>

这是一些未经测试的代码：

$('#email').on( 'change', function() {
  if( email_regex_must_be_here ) {
    //this is a valid email
    $('#somediv').show();
  }
  else {
    $('#somediv').hide();
  }
} );

哈利的链接可能会更好地帮助你。