隐藏输入[type = submit]并显示加载图像不起作用

Question

使用jquery，我试图隐藏提交按钮，并在点击后显示ajax加载gif。

它工作正常，但表单不再提交。

继承我的jquery代码：

$('input[type=submit]').click(function () {
    $(this).parent('p').html('<img src="images/ajax-loader.gif" alt="loading" />');
    $(this).parent('form').submit();
});

继承人我的HTML：

<h1>add</h1>

<form method="post" action="form.php">

<p>
<label for="number">number:</label>
<input type="text" name="number" id="number" size="30" value="" />
</p>

<p style="text-align: center;">
<input type="submit" value="add" />
</p>

</form>

正如您所看到的，我甚至添加了$(this).parent('form').submit();，但仍然无效。

Answer 1

试试这个：

$('form').submit(function() {
    $('p:last-child', this).html('<img src="images/ajax-loader.gif" alt="loading" />');
});