Jquery 根据禁用/启用状态选择备用按钮文本

我有一个带有jQuery验证的表单，它正在工作。在完成表单之前，“提交”按钮处于禁用状态。完成表单后，将启用“提交”按钮

我的问题是，一些用户不明白什么是“禁用”按钮，并试图点击。因此，我需要在禁用时将按钮的文本标签更改为“先填写表单！”并在按钮启用时再次更改为“发送表单”

我试过这个：

$('#form input').on('change', function() {
  if ($('#form').valid()) {
    $(":submit").html('<i class="fas fa-thumbs-up"></i> SEND FORM');
  } else {
    $(":submit").html('<i class="fas fa-edit"></i> FILL THE FORM FIRST');           
  }
});     

$（'#表单输入'）。在（'change'，function（）上{
if（$（'#form'）.valid（）{
$（“：submit”）.html（'SEND FORM'）；
}否则{
$（“：submit”）.html（'首先填写表单'）；
}
});     

然而，这不起作用，在IE11中，我有一个“更改”错误，按钮开始“闪烁”按钮

我不是jQuery方面的专家，但也许类似的东西会起作用：

if $(":submit").prop('disabled', false);
{
  $(":submit").html('<i class="fas fa-thumbs-up"></i>  SEND FORM');
} else {
  $(":submit").html('<i class="fas fa-edit"></i>  FILL THE FORM FIRST');
}   

if$（“：submit”）.prop（'disabled'，false）；
{
$（“：submit”）.html（'SEND FORM'）；
}否则{
$（“：submit”）.html（'首先填写表单'）；
}   

---

当然，正如我所说，我不是jQuery方面的专家，这也不起作用。有什么想法吗？

您可能希望在输入中使用

required

属性。
如果输入未填写，则阻止表单发送。
请注意，您也可以使用占位符来显示这是必需的

请参阅代码片段：

名字：



姓氏：



性别：

您也可以共享html。为什么不将其绑定到表单提交事件？如果这不起作用，那么我认为您查找textbox inputshi@pete的keyup事件-我尝试绑定到我的validate事件-不起作用，因为我有keyup和change（这里有IE11问题）-和blur。“我的表单提交”事件也不起作用，因为在验证事件验证所有表单之前，“提交”按钮将被禁用。当我对所有表单生效时，按钮被启用-但这里我需要更改展位文本。。你明白吗？嗨@takit isy-首先感谢你宝贵的时间和帮助。我会在这里测试-也许我需要做一些更改（消息必须出现在按钮内）-但我会尽快返回给你。太多了@丹尼尔：没问题，我喜欢这样做。：）我用一个按钮内的html编辑了我的答案。嗨@takit isy！又来了！快到了。。只有一件事（这是我不能做的-我的“主要问题”）-我们可以“去填写表单标签”，但我们不能“返回发送表单标签”，直到我们点击。。100%确定是在我完成时，它在表单中是有效的。我禁用按钮，并再次作为启用按钮-它将显示“发送表单”标签，通知用户他现在可以发送表单。我不知道你是否理解这个问题。。第一部分100%确定禁用按钮/更改填充标签-但“返回”仅在单击后有效。。我需要在之前通知用户这就是为什么在我的代码中使用：if（$（'#form'）.valid（））-因为我使表单有效以启用submit按钮..并返回。但当我这样做时，Fontsome开始闪烁，因为有效的方法是在每次更改中“更新”。。在IE11中，由于视频内存的原因，这可能导致浏览“崩溃”。。（我的表格是我们示例的10倍大。我有一个课程目录要选择，每个课程都有一个提交按钮。然后当所有按钮在IE11中闪烁时…崩溃！）@DANIEL我明白你的意思了。我用

keyup

事件修改了我的答案，这样我们就不必点击某个地方来验证表单。