如何在表单提交上绑定bootstrap加载按钮成功/错误

时间:2016-10-23 04:13:43

标签: javascript jquery html5 twitter-bootstrap-3

我正在尝试将带有加载状态的引导按钮绑定到表单。 我想按钮保持数据加载状态,直到提交表单。如果表单错误,数据加载应该理想地停止或显示不同的消息。 我怎样才能做到这一点?

我的按钮代码:

http://www.bootply.com/128762

对于不是ajax的表单,最好的方法是什么?

1 个答案:

答案 0 :(得分:0)

你在寻找下面的东西



D:\x\y

$('#loading-example-btn').click(function () {
  if($("#txt").val().length > 0)
    { 
    var btn = $(this)
   $(this).attr('value','Loading');                           
    }
    else 
    {
    $(this).attr('value','error On Submit'); 
    }
    
  });