JQuery禁用“提交”按钮，直到Div类结果为空

Question

您好我有一个显示错误消息的div，可以验证大量的复选框。

<div class="result" style="color:red;"><br>Check 2 more for Alberta Hairstylist<br>Check 2 more for Atlantic Hairstylist</div>

现在我要做的是如果div包含类似上面示例的内容，则禁用我的提交按钮。如果div如下所示，启用提交按钮

<div class="result" style="color:red;"></div>

我知道有更好的验证方法我只需要修补它。尽快。

还是一个Jquery新手，谢谢！

Answer 1

如果.result不为空，则禁用该按钮：

$('button').prop('disabled', function() {
    return $.trim( $('.result').text() ) != "";
});

Answer 2

您可以将“已禁用”属性添加到“提交”按钮，并在验证完成后删除该属性。

像这样;

$('#yourSubmitButtonId').attr('disabled','disabled');

编辑：

使用prop（）似乎更合适 http://api.jquery.com/prop/

Answer 3

你必须使用这个

if($('.result').text()=='') $('button').prop('disable',true);

或者代替禁用，你可以在

上返回false

$('button').click(function(){
  if($('.result').text()=='') return false;
  else // do your stuff
});