Отправить форму в PHP с помощью Hit Enter

Question

Я использую изображение вместо кнопки отправки для опции поиска и использую события onclick для загрузки результатов, используя ajax в php. Теперь мне нужно загружать результаты, нажимая также enter. Есть их способы обновить мое приложение без изменения изображения .

Спасибо

Answer 1

Конечно, добавьте <input type="submit" style="display:none;" /> в конец вашей формы, это должно заставить браузеры позволить клавише Enter отправлять вашу форму.

Для получения той же функциональности, что и ваше событие AJAX onclick: Вы должны привязывать свою функцию ajax к событию <form> submit вместо события <input> click.

jsfiddle демонстрация (используетЛегкость Ajax, но ваше мероприятие не обязательно)

Answer 2

Хм, есть несколько вещей, о которых я могу подумать.

самый подходящий - кто-то упомянул, что вы можете стилизовать кнопку отправки в виде изображения.Хорошая идея, и это легко.Это руководство было опубликовано в качестве ответа некоторое время назад http://www.ampsoft.net/webdesign-l/image-button.html.

Другая проблема заключается в том, что вы связываете свое событие отправки с onclick, но естественная отправка для формы отправляется.Таким образом, если вы нажмете клавишу ввода при вводе формы, форма получит событие onsubmit.Вы должны привязать свой JS к нему.

Он работает в общем, как в ответе @phleet, когда вы используете jquery, когда вы не используете какую-либо библиотеку, вы можете сделать что-то вроде

<form onsubmit="YOUR_JS_HERE">.....</form>

как в onclick.Я также рекомендую использовать jQuery.

Answer 3

Я не знаю, какую библиотеку javascript вы используете, но я буду использовать jQuery в моем примере.

<script>
$(document).ready(function() {
  $("form#interesting").bind("submit",function() {
    $.get("target_page.php".function() {
      // Callback functionality goes here.
    });
  });
});
</script>
<form id="interesting">
Enter your input: <input type="text" name="interesting_input" />
<!-- input type="image" is a way of using an image as a submit button -->
<input type="image" src="submit_button_image.gif" />
</form>