Textbox browser's autofill

[jgautier]

Hi,

When I use textboxes inside my login forms, some browsers don't suggest to save/remember login and password as they do when I use standard textfields.
On MacOS, Firefox (30) works correctly, but Chrome (36.0.1985.143) don't, neither Safari (7).

thanks a lot for looking at this issue.

JG

[stworthy]

The textbox input has autocomplete disabled. To enable it, please try this:

Code:

$('#tb').textbox('textbox').attr('autocomplete', 'on');

[jgautier]

thanks for your answer, but I'm not sure that is the problem.

(my english is not very good, sorry...)

I talk about browser's autofill function : on a web page, when you fill some fields to login, the first time your browser asks you if you want it to keep and remember these values and automatically recover them next times. When you come back to the same page, form fields are automatically filled by the browser with stored values.

Since I use easyui textboxes in my login form, instead of standard html textfields, this function don't work correctly (using Chrome neither Safari on MacOS X).

Please tell me if I'm right or if I've misunderstood something.

thanks,

JG

[stworthy]

The textbox component rewraps the input element. The auto filling feature may not work well in some browsers. The solution to solve your issue is to use the native input element instead, or wait a little time to create the textbox components.

[jgautier]

All right, thanks.
But what do you mean by "or wait a little time to create the text box components" ?

JG

[stworthy]

Suppose you have a form defined as:

Code:

<form action="test.php" method="post">
<div id="cc" style="display:none">
<input id="uid" name="uid" style="width:100px">
<input id="pwd" name="pwd" type="password" style="width:100px">
<input type="submit" value="Submit">
</div>
</form>

When the page is loaded successfully, delay creating the textbox components.

Code:

<script type="text/javascript">
$(function(){
setTimeout(function(){
$('#cc').show();
$('#uid,#pwd').textbox();
},1000)
})
</script>

[jgautier]

Thanks : I've understood now.

JG

[jgautier]

Hello,

I've tried to use delay, but it doesn't seem to work.

JG