フォーム送信時にブートストラップローディングボタンの成功/エラーをバインドする方法

Question

フォームにローディング状態のブートストラップボタンをバインドしようとしています。 フォームが送信されるまで、データロード状態を保持するボタンを希望します。データロード中にフォームのエラーが発生した場合は、理想的には別のメッセージを停止または表示する必要があります。 これをどうすれば実現できますか？ボタンの

マイコード：

http://www.bootply.com/128762

AJAXされていないフォームの最善のアプローチどのようになりますか？

Answer 1

あなたは

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form method="post"> 
 
<input type="text" name="test" id="txt"> 
 
<input type="submit" id="loading-example-btn" value="Submit" data-loading-text="Loading..."> 
 
</form>

の下にはこのような何かを探しています