Javascript 输入表单提交上的引导有状态按钮

我想在表单的提交按钮（输入）中使用按钮的有状态功能。但我一辈子都不知道如何做到这一点

---

我的表单执行一个php页面。我希望在加载php页面的过程中更改按钮（取决于内容，可能需要20秒）。这可能吗

示例代码：

<form method='post'>
<input type='text' name='test'></input>
<input type='submit' id='loading-example-btn' value='Submit' data-loading-text="Loading...">
</form>
<script>
  $('#loading-example-btn').click(function () {
    var btn = $(this)
    btn.button('loading')
    $.ajax(...).always(function () {
      btn.button('reset')
    });
  });
</script>

$（“#加载示例btn”）。单击（函数（）{
var btn=$（此）
按钮（“加载”）
$.ajax（…）.always（函数（）{
btn.按钮（“重置”）
});
});

您是否在浏览器javascript控制台中查找错误？就目前而言，你的js是无效的（除非你把它缩写了？）

假设您没有尝试使用ajax发布表单，只需删除以下行，您就可以获得所需的行为：

$.ajax(...).always(function () {
  btn.button('reset')
});

此外，此行是无效的HTML，因为

input

是一个无效元素，不需要关闭

标记

<input type='text' name='test'></input>

您的ajax调用为空。例如，此按钮的预期用途是网页上的“加载更多”按钮。当按钮被点击时，它会发送一个ajax调用以获得更多结果，当按钮被禁用时，我的表单会执行一个php页面。我希望在加载php页面的过程中更改按钮（取决于内容，可能需要20秒）。这是可能的吗？所以我对AJAX的缺乏理解可能是这里的失败。现在，我的表单提交到一个php页面，并一直挂起，直到php页面完成它的工作（对API的curl请求并获取结果）。我对它挂起没有问题，我只是想在加载阶段更改提交按钮文本（或弹出一个模式）。我还有一个完整的表单，但它有一个小PII，所以我只是做了一个测试表单作为示例。所以删除我建议的行并没有实现这一点？它应该有用。。很抱歉延迟回复，这对我很有效。非常感谢。是否仍有更改为加载。。。持续0.5秒，然后转到其他文本。。。剩下的时间都在同一个AJAX调用中？