Верните кнопку отправки в исходное состояние, если поля ввода пустые или неправильно заполнены.

Question

Я использую следующий код, чтобы заменить текст «отправить» в форме отправки формы контакта с изображением загрузки_dots.gif.

// Replace submit button text with loading gif 
$('#submit').click(function() { 
    $(this).html('<img src="images/loading/loading_dots.gif" />'); 
}); 

Форма подтверждена перед отправкой. Если одно или несколько полей ввода не заполнены, как я могу вернуть кнопку в исходное состояние?

Answer 1

Использование

$('#submit').click(function() { 
    var oldHtml = $(this).html(); 
    $(this).html('<img src="images/loading/loading_dots.gif" />'); 
}); 

используют эту oldHtml, если форма не проверяет должным образом

Answer 2

Назначают первоначальный HTML обратно кнопки, если проверка не пройдена

$('#submit').click(function() { 
 
    var initialHtml = $(this).html(); 
 
    $(this).html('<img src="images/loading/loading_dots.gif" />'); 
 
    if(!ValidateData()) 
 
    { 
 
    $(this).html(initialHtml); 
 
    } 
 
}); 
 

 
function ValidateData() 
 
{ 
 
    // if not valid 
 
    return false; 
 
}