jQuery - 当您删除输入字段中的电子邮件时如何动态隐藏提交按钮？

Question

当您输入有效的电子邮件时请注意...然后删除此电子邮件并且它不会隐藏提交按钮。有一个jsFiddle:

http://jsfiddle.net/BGNsS/

有人可以帮助我吗？

谢谢!

Answer 1

检查有效的正则表达式和长度。您的正则表达式对于空字段已成功。

您可以在此处检查 jQuery 元素集合的长度

if(!$("#sForm input#write").length > 0) $("input#sub").hide();

但是你必须检查值的长度

detectEmail.length == 0

Updated jsFiddle

$('input#sub').hide();

$('input').keyup(function() {
    $('span.attention').hide();

    var detectEmail = $(this).val();
    var emailRegex = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

    if(detectEmail.length == 0 || !emailRegex.test(detectEmail)) 
    {
        $('#sub').hide();
        $(this).after('<span class="attention">Writing valid e-mail...</span>');
    }
    else 
    {
        $('#sub').show();
    }
});