jquery - 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

您可以将 disabled 属性添加到您的提交按钮，并在您的验证正常后删除该属性。

像这样的东西；

$('#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
});