StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POForce Safari form AutoFill entry when using JavaScript to prevent the form's submit
text
Body
copied!<p><strong>I want Safari's form AutoFill feature to work on the forms in my web app.</strong> All of our <strong>form's submit events are prevented</strong> and instead we <strong>send data to the server via XHR (Ajax) POST</strong>.</p> <p>The problem is, Safari's default for creating a new entry in it's AutoFill (autocomplete) "database" <em>requires</em> the form's submit event to fire <em>and</em> bubble all the way up. From my testing this is what I concluded and works for form GET and POST methods.</p> <p>This issue is <em>not</em> present in Firefox; all of our forms retain the previous values that were "submitted" for each field. This is the desired behavior we want in Safari.</p> <p>In our app a user will fill in the same form multiple times over multiple sessions. In some cases it would be useful for the browser to autocomplete (AutoFill in Safari's case) these fields for the user based on their previously submitted values.</p> <p>I was wondering if anyone else has ran into this issue with Safari? And better yet if they have a solution (even if Safari-specific) to tell (or force) Safari to save form-field values into it's AutoFill database even if the form's submit event is prevented?</p> <p>I've tried preventDefault() higher-up in the DOM, letting the submit event bubble-up to the form's parent DOM node; no difference in behavior. It's possible this is just a bug in Safari…</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload