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

时间:2013-06-16 18:24:02

标签: jquery input

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

<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;
}
});

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

适用于:<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();
  }
} );

哈利的联系可能会更好地帮助你。