jquery: Как очистить поле формы, а затем навести на него фокус / курсор?

Question

У меня есть форма, которую я отправляю вместе с AJAX. Пользователь заполняет поле (называемое "штрих-код") и нажимает клавишу возврата, и форма отправляется.

После отправки формы им показывается сообщение об успехе или неудаче. Я хочу:

1. Исчезает сообщение
2. Очистить поле 'штрих-код'
3. Верните курсор в поле, готовое к следующему человеку.

Пока что я обработал шаг 1:

setTimeout(function(){ $('span.login-fail').parent().fadeOut('normal'); }, 1000); 
setTimeout(function(){ $('span.login-welcome').parent().fadeOut('normal'); }, 1000); 

Но я не знаю, как это сделать 2 или 3. Спасибо за любую помощь!

Answer 1

• Чтобы очистить поле, просто используйте $("#fieldID").val(""), который не установит значение.

• Фокусировка выполняется с помощью метода фокусировки $("#fieldID").focus()

Answer 2

var barcode = $('#barcode');
barcode.val('');
barcode.focus();

Answer 3

Вы можете сделать:

$( "#form_id").find( "input").val( "").end( ).find( "input:first").focus();

это очистит все входные данные в форме и переместит фокус на первый в списке.