Доброе время суток.
Я вот так хочу прикрутить анимашку к type="submit" value="Проверить"
но почему-то анимашка не показывается?
<body>
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../js/jquery.form.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#form_id').submit(function() {
$('#loading').show(); // Показываем анимацию загрузки
$(this).ajaxSubmit({
success: function() {
$('#loading').hide(); // Скрываем анимацию загрузки
}
});
});
});
</script>
<img src="../images/picture/loading.gif" id="loading" alt="" style="display: none;" />
<form id="domain" enctype="multipart/form-data" class="form" method="post" name="domain" >
<table id="table_name" style="width:100%;border: none;background: rgb(1, 178, 255) none repeat scroll 0% 0%;border-radius: 2rem;">
<tr>
<td style="width: 20%;text-align: center;color: rgb(255, 255, 255);font-size: 22px;font-weight: bold;" class ="table_name">Введите имя домена:</td>
<td style="height:38px;width: 60%;"><input style="background: #fff;border: 2px solid #fFF;border-radius: 2rem; width:100%; height:38px;font-size: 32px;
padding: 0 0 8px 15px;" class="name-dom" name="domain" type="text" /></td>
<td style="width: 20%;padding: 0.5em 0em 0 1em;"><input class="button" type="submit" value="Проверить"></td></tr>
</table>
<table>
<tr class ="table_string">
<td class="table_cell-1" style="align:center;">
<p><span style="color: #0000ff;"><input type="checkbox" name="TLD[]" value=".ru" id="11"/>.
<span id="_description2" itemprop="description">ru</span></span></p>
<p id="_offers3" itemprop="offers" itemscope itemtype="http://schema.org/Offer">Цена 1 год
<span itemprop="price">100 Р</span></p>
<p>Продление на год 100 Р<br/></p></td>
<td itemscope itemtype="http://schema.org/Product" itemref="_name1" class="table_cell-2" style="align:center;">
<p><span style="color: #0000ff;"><input type="checkbox" name="TLD[]" value=".рф" id="12"/>.
<span itemprop="description">рф</span></span></p>
<p itemprop="offers" itemscope itemtype="http://schema.org/Offer">Цена 1 год
<span itemprop="price">180 Р</span></p>
<p>Продление на год 180 Р<br/></p></td>
<td itemscope itemtype="http://schema.org/Product" itemref="_name1" class="table_cell-3" style="align:center;">
<p><span style="color: #0000ff;"><input type="checkbox" name="TLD[]" value=".москва" id="13"/>.
<span itemprop="description">москва</span></span></p>
<p itemprop="offers" itemscope itemtype="http://schema.org/Offer">Цена 1 год
<span itemprop="price">485 Р</span></p>
<p>Продление на год 485 Р<br/></p></td>
</tr>
</table>
</form>
</body>
В чем ошибка?