diff --git a/lms/templates/login.html b/lms/templates/login.html
index ae936b56e5..3e33c84b7a 100644
--- a/lms/templates/login.html
+++ b/lms/templates/login.html
@@ -29,12 +29,19 @@
});
(function() {
- $(document).delegate('#login-form', 'ajax:success', function(data, json, xhr) {
- $(this).find('.form-actions #submit').addClass('is-disabled');
+ toggleSubmitButton(true);
+ $('#login-form').on('submit', function() {
+ toggleSubmitButton(false);
+ });
+
+ $('#login-form').on('ajax:complete', function() {
+ toggleSubmitButton(true);
+ });
+
+ $('#login-form').on('ajax:success', function(event, json, xhr) {
if(json.success) {
$('.message.submission-error').removeClass('is-shown');
- toggleSubmitButton();
var u=decodeURI(window.location.search);
next=u.split("next=")[1];
if (next) {
@@ -44,23 +51,25 @@
}
} else {
$('.message.submission-error').addClass('is-shown');
- toggleSubmitButton();
$('.message.submission-error .message-copy').html(json.value);
}
});
})(this);
- function toggleSubmitButton(e) {
- var $msgError = $('form .status.submission-error');
+ function toggleSubmitButton(enable) {
var $submitButton = $('form .form-actions #submit');
- var $submitButtonCopy = $submitButton.html();
- if(!$msgError.hasClass('is-shown')) {
- $submitButton.prop('disabled', true).html('Processing your account information …');
+ if(enable) {
+ $submitButton.
+ removeClass('is-disabled').
+ removeProp('disabled').
+ html('Log into My edX Account + Access My Courses');
}
-
else {
- $submitButton.prop('disabled', false).html($submitButtonCopy);
+ $submitButton.
+ addClass('is-disabled').
+ prop('disabled', true).
+ html('Processing your account information …');
}
}
@@ -132,7 +141,7 @@
% endif
-
+
diff --git a/lms/templates/register.html b/lms/templates/register.html
index 8b6b10767e..31f4a3858c 100644
--- a/lms/templates/register.html
+++ b/lms/templates/register.html
@@ -35,13 +35,20 @@
});
(function() {
- $(document).delegate('#register-form', 'ajax:success', function(data, json, xhr) {
- $(this).find('.form-actions #submit').addClass('is-disabled');
+ toggleSubmitButton(true);
- if(json.success) {
- $('.message.submission-error').removeClass('is-shown');
- toggleSubmitButton();
- location.href="${reverse('dashboard')}";
+ $('#register-form').on('submit', function() {
+ toggleSubmitButton(false);
+ });
+
+ $('#register-form').on('ajax:complete', function() {
+ toggleSubmitButton(true);
+ });
+
+ $('#register-form').on('ajax:success', function(event, json, xhr) {
+ if(json.success) {
+ $('.message.submission-error').removeClass('is-shown');
+ location.href="${reverse('dashboard')}";
} else {
$('.status.message.submission-error').addClass('is-shown');
$('.status.message.submission-error .message-copy').html(json.value).stop().css("display", "block");
@@ -51,17 +58,20 @@
});
})(this);
- function toggleSubmitButton(e) {
- var $msgError = $('form .status.submission-error');
- var $submitButton = $('form .form-actions #submit').prop('disabled', true);
- var $submitButtonCopy = $submitButton.html();
+ function toggleSubmitButton(enable) {
+ var $submitButton = $('form .form-actions #submit');
- if(!$msgError.hasClass('is-shown')) {
- $submitButton.prop('disabled', true).html('Processing your registration …');
+ if(enable) {
+ $submitButton.
+ removeClass('is-disabled').
+ removeProp('disabled').
+ html('Log into My edX Account + Access My Courses');
}
-
else {
- $submitButton.prop('disabled', false).html($submitButtonCopy);
+ $submitButton.
+ addClass('is-disabled').
+ prop('disabled', true).
+ html('Processing your account information …');
}
}