Я работаю над проектом PHP + HTML + jQuery. И есть некоторые проблемы со знанием кодирования, с которыми я столкнулся во время своего кодирования - но я почти закончил с этим! Чтобы сделать это, мне просто нужна последняя помощь (для этого проекта), чтобы это сделать.
Итак, мне нужно СБРОСИТЬ форму, используя jQuery после этого:
1) У меня есть форма, содержащая a и a для отправки формы (не type = "submit", так как я использую jQuery Ajax для отправки формы)
2) Я нажал кнопку, чтобы отправить форму и вернуть некоторую информацию с помощью плагина jQuery и т. Д.
3) Я получаю результаты на той же странице, что вы могли понять. И используя jQuery, я делаю кнопку с надписью RESET, чтобы сбросить все, что я только что сделал, используя Ajax.
4) Кнопка RESET должна выполнить следующий код:
$('#remote-reset').live('click', function() // The reset button
{
$('#remoted').slideUp('fast', function(){ $('#remoted').empty(); }); // the div that is seen after Ajax submitting the form
$(this).hide(); // hide this button when I click it
$('#remote-start').show(); // see the <input type="button" /> again
$('#remote-urls').empty(); // empty the textarea
$('#remote-upload').resetForm(); // reset the form using a jQuery plugin, doesn't work at all
});
5) Я нажимаю кнопку RESET, и она делает все выше, но она не делает самое главное: она не позволяет снова отправить новую форму с другой информацией без обновления страницы. $ ('# remote-start'). Show (); придется снова отправить форму, но я просто нажимаю на нее, и ничего не происходит.
Итак, короткими словами: я отправляю форму с информацией -> Получить результаты -> Сброс попадания -> Форма все очищена -> Вставить новую информацию -> Отправить отправку -> Ничего не происходит.
Почему это произошло и каково было бы решение? Идеи?
РЕДАКТИРОВАТЬ (отправить код кнопки):
$('#remote-start').click(function()
{
$('#loader1').show();
$(this).hide();
$('#remote-reset').show();
$('#remote-upload').ajaxSubmit(
{
success: function(response)
{
$('#remoted').html(response).hide().slideDown('fast');
$('#loader1').fadeOut('normal');
}
});
});
HTML код:
<div id="remote" style="display: none;">
<form action="remote.php" method="post" id="remote-upload">
<br /><br />
<textarea name="remote-urls" id="remote-urls" rows="12"></textarea><br/>
<input type="button" name="remote-start" id="remote-start" class="remote-button" value="Upload Images" />
<input type="reset" id="remote-reset" class="remote-button" value="Reset" style="display: none;" />
<br /><br />
<span class="normal">
Maximum <strong>20</strong> images. <strong>10 MB</strong> for one image.
</span>
</form>
<div id="remoted">
<img id="loader1" src="css/images/loader.gif" style="display: none;" />
</div>
</div>