Аякс, заменить кнопку submit на прелоадер после клика

[silmarion]

значит надо генерить
$(function(){
$('.proxycheck1').on('submit', function(e){
....
<form name='proxycheck1' class='proxycheck1' id='proxycheck1'
$(function(){
$('.proxycheck2').on('submit', function(e){
....
<form name='proxycheck2' class='proxycheck2' id='proxycheck2'
$(function(){
$('.proxycheck3').on('submit', function(e){
....
<form name='proxycheck3' class='proxycheck3' id='proxycheck3'

?
А как с этим инпутом, чтото не в курю куда тут ид инпута засунуть

$(this).attr("placeholder","Type your answer here");

 

[Absolute]

значит надо генерить
$(function(){
$('.proxycheck1').on('submit', function(e){
....
<form name='proxycheck1' class='proxycheck1' id='proxycheck1'
$(function(){
$('.proxycheck2').on('submit', function(e){
....
<form name='proxycheck2' class='proxycheck2' id='proxycheck2'
$(function(){
$('.proxycheck3').on('submit', function(e){
....
<form name='proxycheck3' class='proxycheck3' id='proxycheck3'

?

Мне кажется, что в этом нет необходимости. Обращайтесь по классам - ID выпилите.

  $(function(){

  $('.proxycheck').on('submit', function(e){
  e.preventDefault();
  var $that = $(this),
  fData = $that.serialize();
  $that.children('.btn-default').hide();
  $that.children('.preloader').show();

  $.ajax({
  url: $that.attr('action'),
  type: $that.attr('method'),
  data: {'action': 'get_proxy_check', form_data: fData},
  dataType: 'json',
  success: function (result){
  if (result.its_ok==1){
  $('div.proxy_result').html(result.res);
  $that.children('.form-control').attr('placeholder', 'YOUR VALUE');
  $that.children('.btn-default').show();
  $that.children('.preloader').hide();
  }
  }
  });

  });
  });

Под input соответственно вставить <img src="YOUR-PATH/preloader.gif" class="preloader" style="display:none">

 

[silmarion]

Спасибо добрый человек, как раз то, что надо
$that.children('.form-control').attr('placeholder', 'No proxy');
А стиль еще можно влепить туда? к примеру от animate.css чтобы дергался, либо placeholder красным цветом?

 

[Absolute]

А стиль еще можно влепить туда? к примеру от animate.css чтобы дергался, либо placeholder красным цветом?

$that.children('.form-control').attr('placeholder', 'No proxy'); заменить на
$that.children('.form-control').attr('placeholder', 'No proxy').addClass('phred');
Добавить стиль.

  <style>
.phred::-webkit-input-placeholder {
   color: red;
}
.phred:-moz-placeholder {
   color: red;
}
.phred::-moz-placeholder {
   color: red;
}
.phred:-ms-input-placeholder {
   color: red; }
.phred {
  color:red;
}
</style>