Question

我是Bootstrap 3的新手。我想在表单中使用加载状态按钮功能。我用这样的必需选项创建了输入字段;

<form>
  <input class="input" name="title" type="text" required />
  <button type="submit" data-loading-text="Loading..." class="btn btn-primary">
    Loading state
  </button>
</form>

$("button").click(function() {
  var $btn = $(this);
  $btn.button('loading');
});

如果我在输入为空时单击提交按钮，则提交按钮将被禁用。即使在我填写输入后......

此处Fiddle

感谢答案

Answer 1

要解决此问题，请抓住<ul class="list-group"> <li class="list-group-item" > <span class="pull-left "> <img src="" class="img-reponsive img-rounded" /> </span> Text </li> </ul>的{{1}}事件，而不是submit的{{1}}。这是有效的，因为只有在字段有效时才会提交表单，因此在更改按钮状态之前必须修复验证错误。试试这个：

form

click

button

带有所需输入的Bootstrap加载状态问题

1 个答案: