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

嗨，我有一个div，它显示一条错误消息，验证大量复选框

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

为阿尔伯塔省发型师再检查两次
为大西洋发型师再检查两次

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

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

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

---

还是Jquery新手，谢谢

如果

.result

不是空的，则禁用该按钮：

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

---

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

像这样的东西

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

编辑：

使用prop（）似乎更合适

您必须使用此

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

或者，您可以在上返回false，而不是禁用

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

---

不要根据错误框的内容启用/禁用按钮-在设置错误的位置启用/禁用按钮，会使您的生活更加轻松。应该使用

prop（）

禁用为什么

prop（）

会在IE6、7和8上抛出错误（除非您使用的是不支持旧IE的jQuery 2.0）？由于IE在从HTML（如果存在）修改输入类型时抛出安全错误，请参阅：以获取更多信息matter@Happyninja-这仅适用于

type

属性，例如从

type=“text”

更改为

type=“button”

时，而不是更改其他属性时，如

禁用时。