Fatal编程技术网
  • javascript/
  • Javascript 具有所需输入的引导加载状态问题

Javascript 具有所需输入的引导加载状态问题

javascript jquery twitter-bootstrap input

Javascript 具有所需输入的引导加载状态问题,javascript,jquery,twitter-bootstrap,input,Javascript,Jquery,Twitter Bootstrap,Input,我不熟悉Bootstrap3。我想在表单中使用加载状态按钮函数。我用这样的必填选项创建了输入字段 <form> <input class="input" name="title" type="text" required /> <button type="submit" data-loading-text="Loading..." class="btn btn-primary"> Loading state </button>

我不熟悉Bootstrap3。我想在表单中使用加载状态按钮函数。我用这样的必填选项创建了输入字段

<form>
  <input class="input" name="title" type="text" required />
  <button type="submit" data-loading-text="Loading..." class="btn btn-primary">
    Loading state
  </button>
</form>
如果在输入为空时单击“提交”按钮，则“提交”按钮将被禁用。即使在我填写输入之后

这里

感谢您的回答要解决此问题，请连接到
表单的
提交
事件，而不是
按钮的
单击
。这是因为表单只有在字段有效的情况下才会提交，因此在更改按钮状态之前必须修复验证错误。试试这个：



$（“表格”）。提交（功能（e）{
var$btn=$（this.find（'button'）；
$btn.按钮（“加载”）；
e、 preventDefault（）；//仅用于此演示停止实际表单提交
//在这里提出AJAX请求。。。
});

.input，
.btn主要{
显示：块；
宽度：400px；
利润率：10px；
}



加载状态

没问题，很乐意帮忙