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

Bootstrap Stateful Button on a Input Form Submit

本文关键字：状态 按钮 表单提交 输入      更新时间：2023-09-26

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

我的表单执行一个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>

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

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

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

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

<input type='text' name='test'></input>
相关文章：