При использовании Jquery браузеры не хотят запоминать логин/пароль. Почему?

Question

[Shmel_0]

На сайте в определённый блок подгружается форма для авторизации.

Загрузка осуществляется с помощью Jquery — $("#auth_panel").load('/actions/auth_panel/');

В самой форме используется стандартная разметка.

При вводе логина и пароля в нее браузер предлагает сохранить данные для этой формы (только в ФФ, в ИЕ и Хроме и этого не происходит), но при повторной загрузке страницы (например, после обновления) поля автоматически не заполняются.

С чем это может быть связанно?

Answer 1

[Андрей]

Судя по всему используется jQuery.
1. onclick=«go_auth(); return false;»>
Здесь return false; лишний. Да и go_auth(); тоже, откровенно говоря.
Лучше сделать:

$('#authform').submit(function(){
 $.post("/actions/user/auth/ajax/", 
   {'auth[login]': $("#auth_login").val(), 'auth[password]': $("#auth_password").val()}, 
   function(data) { if(data!='ok') { window.location = "/user/auth/"+data; } $("#auth_panel").load('/actions/auth_panel/'); }
  );
 return false;
});

а обработчик onclick из инпута совсем убрать

Comments

[Shmel_0]

Спасибо, заработало!

Answer 2

[Андрей]

Возможно, у текстовых инпутов отсутствует атрибут name?
Если отправлять данные ajax по id (что не очень правильно), то такое возможно.

Comments

[Shmel_0]

Делаю так:

<form method="post" action="/actions/user/auth/" id="authform">
 <div class="str">Имя пользователя:
<input name="auth[login]" id="auth_login" type="text"></div>
 <div class="str">Пароль:
<input name="auth[password]" id="auth_password" type="password"></div>
 <div class="button">
  <div style="float:right;"><a href="/user/reg/">Зарегистрироваться</a>
  <a href="/user/pass_restore/">Вспомнить пароль</a></div>
  <div style="padding-top:3px;"><input type="submit" value="Войти" onclick="go_auth(); return false;"></div>
 </div>
 </form>

function go_auth() {
 $.post("/actions/user/auth/ajax/", 
   {'auth[login]': $("#auth_login").val(), 'auth[password]': $("#auth_password").val()}, 
   function(data) { if(data!='ok') { window.location = "/user/auth/"+data; } $("#auth_panel").load('/actions/auth_panel/'); }
  );
 return false;
}