Question

我试图用jQuery做点什么。我还在学习。

我使用jQuery和Bootstrap将disabled类添加到了我的按钮。我还在我的输入中添加了.required类。当我的输入不为空时，我想删除disabled类的按钮。

我的代码：

$(".required").each(function() {
    $(".required", Form).blur(function(){
        if ( $(this).val() !== '') {
            $(Button, this).removeClass("disabled");
        } else {
            $(Button, this).addClass("disabled");
        }
    });
});

屏幕截图：http://prntscr.com/3o0n7k

我该怎么办？

Answer 1

使用addClass和removeClass

并选中蓝色的文本框或提交

像

$('#tb').blur(function(){
if($(this).val()=='')
{
    $('#dv').addClass('hide');

}else
{
    $('#dv').addClass('show');
}

});

Answer 2

这取决于您何时要检查输入是否为空。如果要在键入时检查，可以将键盘监听器设置为输入元素，如下所示：

   $('.my-input-class').on('keyup', function() {
       if ($(this).val() !== '') {
          $('.my-button-class').removeClass('disabled');
       }
       else {
          $('.my-button-class').addClass('disabled');
       }
   })

如果你想让你的按钮更新模糊（当离开输入字段时），那么你需要将'blur'传递给on function。而不是'keyup'。

Answer 3

试试这个：

$("#Form").find(".required").each(function() {
     if ($(this).val() !== '') {
        $("#Form button").removeClass('disabled');
     }     
});

当输入不为空时创建规则

3 个答案: