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

Question

我想在表单的提交按钮（输入）中使用按钮的状态功能。但我终其一生都无法弄清楚如何做到这一点。

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

http://getbootstrap.com/javascript/#buttons

示例代码：

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

Answer 1

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

假设您没有尝试使用 ajax 发布表单，只需删除以下几行，您应该会得到您想要的行为：

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

此外，此行是无效的 HTML，因为 input 是一个 void 元素，不需要关闭 </input> 标记。

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