ここSOにはいくつかのスレッドがありますが、アプリで広く使用している素晴らしいjQuery Formプラグインを特に扱っているスレッドは見つかりませんでした.
ユーザーが「送信」を 1 回だけクリックできるようにし、成功時に Ajax が JSON 文字列を返すまで「送信」ボタンを無効にします。
私のトライアルコードは次のようになります
$('#submit_button').live('click', function(e) {
e.preventDefault();
var options = {
type: 'post',
dataType: 'json',
beforeSubmit: function(){
$('#loading').show().fadeIn();
$('#submit_button').attr('disabled', 'disabled');
},
success: function(data) {
if (data.success === 3) {
$('#submit_button').hide();
$('#loading').hide();
$('#validation_message').html(data.message).fadeIn();
$('#submit_button').attr('enabled', 'enabled');
}
}
}
$(this).closest('form').ajaxSubmit(options);
});
しかし、これにより、「有効」属性と「無効」属性が<button>
.
<button class="button" id="submit_button" disabled="disabled" enabled="enabled"> Post </button>
これを機能させる方法について何か提案はありますか?