Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
$('#signup-form').on('submit', function (e) { e.preventDefault(); var $btn = $('#submit-btn').prop('disabled', true).text('Saving…'); var $form = $(this); $.ajax({ url : '/api/signup', method : 'POST', contentType: 'application/json', data : JSON.stringify( $form.serializeArray().reduce(function (obj, f) { obj[f.name] = f.value; return obj; }, {}) ) }) .done(function (resp) { $('#status').text(resp.message).addClass('success'); }) .fail(function (xhr) { $('#status').text(xhr.responseJSON.error).addClass('error'); }) .always(function () { $btn.prop('disabled', false).text('Submit'); }); });
Result
Open