将文本更改回提交按钮上的默认设置

Question

因此我可以在提交后更改提交按钮上的文本。就像'发送信息'一样，它会在提交后变成'发送'。是否有可能在几秒后将文本返回到“发送消息”？表单在AJAX中处理。

谢谢！

Answer 1

让我们假设你有一个有一个名为ajax-form的ID，在形式的输入字段有一个ID的形式：form-input和一个名字：title，和一个提交按钮，其ID是submit-btn。现在，让我们做了ajax吹塑：

var ajaxForm = $('#ajax-form'), 
    submitBtn = ajaxForm.find('#submit-btn'); 
ajaxForm.on('submit', function(e) { 
    e.preventDefault(); 
    $.ajax({ 
    type: 'POST', 
    url: ajaxForm.prop('action'), 
    data: { 
     title: ajaxForm.find('input').val() 
    }, 
    dataType: 'json', 
    beforeSend: function() { 
     submitBtn.text('Send message'); 
    }, 
    success: function() { 
     submitBtn.text('Sent'); 
    }, 
    complete: function() { 
     setTimeout(function() { 
     submitBtn.text('Send message'); // Change it back after 4 seconds 
     }, 4000); 
    } 
    }); 
}); 

您可能需要添加错误处理程序。欲了解更多信息，请参阅jQuery AJAX文档： http://api.jquery.com/jQuery.ajax/

希望这可以帮助你。 :)