Форма отправки и вызов Ajax

Question

У меня возникли проблемы при отправке формы.

Вот ситуация

<form ....> 

    <input type="text" id="ajax"> <img onclick="saveTextBox"> 

    <input type="text"> 
    <input type="text"> 
    <input type="text"> 

</form> 

В приведенной выше форме, когда IMG является жмет Я называю Ajax скрипт для сохранения кнопки. Все нормально.

Что мне нужно, когда я сосредотачиваюсь на текстовом поле Ajax call ajaxscript (без клика img).

Я добавляю jQuery для управления ключом = 13 и вызова сценария, но проблема заключается в том, что запустите сценарий Ajax и отправит форму тоже.

Как я могу переопределить форму sumit, когда я фокусирую текстовое поле Ajax и нажимаю клавишу ввода?

Answer 1

Return false.

Answer 2

Первый. Обрежьте изображение и замените его на real submit button.

Затем. Обрабатывайте все JS-взаимодействие в событии onsubmit для элемента формы. Отмените действие по умолчанию, чтобы запускать JS и нормальное представление формы не было (когда JS доступен).

Одним словом: be pragmatic, опираться на что-то, что работает, и перехватывать события в нужный момент. Не игнорируйте основную цель элемента и создавайте совершенно новый способ запуска чего-то, что он уже делает.

Answer 3

функция события Пример, который остановит отправить событие:

function submitHandler() { 
    // do ajax stuff here 

    return false; 
}