Javascript 使用jQuery允许单击按钮提交

我有一个网页，有一个提交按钮。我的提交按钮如下所示：

<button type="submit" class="btn btn-primary wait-on-click">
  <span>Submit</span>
</button>

该按钮将禁用。文本已更新。但是，提交实际上并没有被提交到服务器。如果我注释掉JavaScript函数的主体，它就可以正常工作。我不明白如何解决这个问题

---

谢谢大家!

我相信你的问题出在这条线路上

 e.preventDefault();

$(this).prop('disabled', true);

这将阻止提交按钮的默认行为，即提交！因此，请将其移除

更新

经过测试，我发现了问题。 我相信你的问题在于这条线

 e.preventDefault();

$(this).prop('disabled', true);

由于某些原因，这会阻止表单提交。因此，将其放入提交处理程序中

$（'.wait on click'）。单击（函数（e）{
$（'span'，this）.text（'请稍候…）；
});
$（'form'）。在（'submit'，function（）上{
$（'.wait on click'）.prop（'disabled'，true）；
});

提交
我相信您的问题出在这条线路上

 e.preventDefault();

$(this).prop('disabled', true);

这将阻止提交按钮的默认行为，即提交！因此，请将其移除

更新

经过测试，我发现了问题。
我相信你的问题在于这条线

 e.preventDefault();

$(this).prop('disabled', true);

由于某些原因，这会阻止表单提交。因此，将其放入提交处理程序中


$（'.wait on click'）。单击（函数（e）{
$（'span'，this）.text（'请稍候…）；
});
$（'form'）。在（'submit'，function（）上{
$（'.wait on click'）.prop（'disabled'，true）；
});

提交
我相信您的问题出在这条线路上

 e.preventDefault();

$(this).prop('disabled', true);

这将阻止提交按钮的默认行为，即提交！因此，请将其移除

更新

经过测试，我发现了问题。
我相信你的问题在于这条线

 e.preventDefault();

$(this).prop('disabled', true);

由于某些原因，这会阻止表单提交。因此，将其放入提交处理程序中


$（'.wait on click'）。单击（函数（e）{
$（'span'，this）.text（'请稍候…）；
});
$（'form'）。在（'submit'，function（）上{
$（'.wait on click'）.prop（'disabled'，true）；
});

提交
我相信您的问题出在这条线路上

 e.preventDefault();

$(this).prop('disabled', true);

这将阻止提交按钮的默认行为，即提交！因此，请将其移除

更新

经过测试，我发现了问题。
我相信你的问题在于这条线

 e.preventDefault();

$(this).prop('disabled', true);

由于某些原因，这会阻止表单提交。因此，将其放入提交处理程序中


$（'.wait on click'）。单击（函数（e）{
$（'span'，this）.text（'请稍候…）；
});
$（'form'）。在（'submit'，function（）上{
$（'.wait on click'）.prop（'disabled'，true）；
});

提交
我已经试过了。不幸的是，这不是问题所在。谢谢你的尝试。@ZachTempleton，你能用小提琴重现这个问题吗？这很有效！这是一个杀手。谢谢你的帮助@扎克坦普顿，很高兴这有帮助：）我已经试过了。不幸的是，这不是问题所在。谢谢你的尝试。@ZachTempleton，你能用小提琴重现这个问题吗？这很有效！这是一个杀手。谢谢你的帮助@扎克坦普顿，很高兴这有帮助：）我已经试过了。不幸的是，这不是问题所在。谢谢你的尝试。@ZachTempleton，你能用小提琴重现这个问题吗？这很有效！这是一个杀手。谢谢你的帮助@扎克坦普顿，很高兴这有帮助：）我已经试过了。不幸的是，这不是问题所在。谢谢你的尝试。@ZachTempleton，你能用小提琴重现这个问题吗？这很有效！这是一个杀手。谢谢你的帮助@ZachTempleton，很高兴它有帮助：）@ammarces的答案是正确的，
preventDefault
正在阻止表单提交。但是如果您允许表单提交，那么您对按钮的所有干扰都是毫无意义的，因为当表单发布时，您所做的更改将消失。为了使代码有意义，您需要使用Ajax提交表单。是这样吗？我在测试后发现了你真正的问题。查看我的更新answer@AmmarCSE的答案是正确的，
preventDefault
正在阻止表单提交。但是如果您允许表单提交，那么您对按钮的所有干扰都是毫无意义的，因为当表单发布时，您所做的更改将消失。为了使代码有意义，您需要使用Ajax提交表单。是这样吗？我在测试后发现了你真正的问题。查看我的更新answer@AmmarCSE的答案是正确的，
preventDefault
正在阻止表单提交。但是如果您允许表单提交，那么您对按钮的所有干扰都是毫无意义的，因为当表单发布时，您所做的更改将消失。为了使代码有意义，您需要使用Ajax提交表单。是这样吗？我在测试后发现了你真正的问题。查看我的更新answer@AmmarCSE的答案是正确的，
preventDefault
正在阻止表单提交。但是如果您允许表单提交，那么您对按钮的所有干扰都是毫无意义的，因为当表单发布时，您所做的更改将消失。为了使代码有意义，您需要使用Ajax提交表单。是这样吗？我在测试后发现了你真正的问题。查看我的最新答案