JavaScript для очистки поля формы при отправке до отправки формы в Perl-скрипт - PullRequest
Новая
       22

JavaScript для очистки поля формы при отправке до отправки формы в Perl-скрипт

2 голосов
/ 30 марта 2010

У нас очень длинная форма с несколькими полями и 2 разными кнопками отправки. Когда пользователь нажимает 1-ю кнопку отправки («Поиск фотографий»), форма должна POST, и наш скрипт выполнит поиск подходящих фотографий на основе того, что пользователь ввел в текстовом поле («photo_search_text») рядом с 1-й кнопкой отправки, и перезагрузите всю форму с соответствующими фотографиями, добавленными в форму. После нажатия 2-й кнопки отправки («Сохранить изменения») в конце формы, он должен выполнить POST, а наш скрипт должен обновить базу данных информацией, введенной пользователем в форму.

К сожалению, расположение формы не позволяет разделить ее на 2 отдельные формы. Я проверил POST всей формы, и, к сожалению, отправленные поля идентичны сценарию perl, обрабатывающему отправку формы, независимо от того, какая кнопка отправки нажата, поэтому сценарий perl не может определить, какое действие нужно выполнить, в зависимости от того, какая кнопка отправки была нажата. Единственное, о чем я могу подумать, это обновить действие onclick 2-й кнопки отправки, чтобы оно очищало поле «photo_search_text» перед отправкой формы, а затем выполняло поиск фотографий только в том случае, если эти поля имеют значение.

Исходя из всего этого, мой вопрос заключается в том, как выглядит JavaScript, который может очистить поле "photo_search_text", когда кто-то нажимает на кнопку 2-й отправки? Вот то, что я пробовал до сих пор, ни один из которых не работал успешно: 

<input type="submit" 
       name="submit" 
       onclick="document.update-form.photo_search_text.value='';" 
       value="Save Changes"
>

<input type="submit" 
       name="submit" 
       onsubmit="document.update-form.photo_search_text.value='';" 
       value="Save Changes"
>

<input type="submit" 
       name="submit" 
       onclick="document.getElementById('photo_search_text')='';" 
       value="Save Changes"
>

Мы также используем JQuery на сайте, поэтому, если есть способ сделать это с помощью jQuery вместо простого JavaScript, не стесняйтесь предоставить пример кода для этого. Наконец, если есть другой способ справиться с этим, о котором я не думаю, и все предложения будут приветствоваться.

Заранее спасибо за помощь!

1 Ответ

2 голосов
/ 30 марта 2010

Если вы введете идентификатор, подобный этому: 

<input ID="nosearch" type="submit" name="submit" value="Save Changes">

Вы можете сделать это через jQuery немного проще, например: 

$(function() {
  $("#nosearch").click(function() {
    $("#photo_search_text").val("");
  });
});
...