Формы редактирования jqgrid теряют функцию автозаполнения браузера

Хотя все браузеры обрабатывают хранение и автозаполнение полей формы немного по-разному, все они полагаются на отправляемую форму для сохранения значений самих полей формы. Поскольку jqGrid обрабатывает формы через AJAX (кнопка обновления — это ссылка, а не кнопка отправки), сами формы фактически никогда не отправляются, что, в свою очередь, не позволяет браузеру сохранять значения полей для последующего использования с помощью автозаполнения.

Один из способов заставить браузер сохранять значения полей — создать <iframe />, клонировать <form />, добавить клонированный <form /> в <iframe /> и отправить его как часть процесса отправки формы AJAX.

Возьмем, к примеру, эту модифицированную версию вашего JSFiddle.

В приведенном выше примере заполните «Стандартную форму» и отправьте ее, перезагрузите страницу, и поля будут автоматически заполнены, как и ожидалось. Заполните «Форму AJAX» и отправьте, перезагрузите страницу, и поля НЕ заполнятся автоматически. Наконец, заполните «Форму AJAX + iFrame» и отправьте ее, перезагрузите страницу, и теперь поля должны заполняться автоматически.

*Примечание. Приведенный выше пример был протестирован в Chrome, Safari и Firefox. Ваш пробег может отличаться.

Для полноты, вот соответствующий код:

$('#iframe_submit').bind('submit', function(e){
    e.preventDefault(); // Prevents Standard Submit

    // Do AJAX Stuff Here...   

    // Create Clone of Form, Append to iFrame and Trigger Submit
    // This Forces Autocomplete to Register

    var $clone = $('#iframe_submit').clone();
        $clone.attr('id', 'iframe_clone'); // Only One ID Allowed

        $('<iframe />').appendTo('body').contents().find('body').append($clone);
        $('iframe').contents().find('#iframe_clone').submit();
    });

Надеюсь, это поможет!

Хотя у вас есть некоторый код для просмотра вашей проблемы. Я собираюсь перейти к предположению, что это вполне возможно из-за ограничений браузера, в зависимости от браузера. Но также. Это может быть одна из нескольких вещей. Либо ваши элементы формы не заключены в тег <form></form>, и поэтому браузеры с поддержкой автозаполнения не могут подобрать элементы, для которых вы хотите использовать автозаполнение.

2 вы используете неясные имена для своих элементов. Обычно браузеры с поддержкой автозаполнения ищут часто используемые имена элементов формы, например: first_name, firstname, name, email, username, street1, street_one... и так далее.

3 это вполне возможно, если вы загружаете свою сетку динамически через javascript в документ, готовый как функция. Что автозаполнение уже проверило, есть ли на странице какие-либо формы для автозаполнения. В этом случае функция автоматического завершения браузера может быть запущена до того, как ваш документ будет готов. Что, если это окажется так. Эта публикация может помочь вам на правильном пути

Событие изменения триггера автозаполнения jQuery