StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POAutocomplete Change Event firing after button click
primarykey
Id
16307550
data
AcceptedAnswerId
0
AnswerCount
1
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-04-30T19:29:34.180
FavoriteCount
0
LastActivityDate
2013-04-30T20:14:08.023
LastEditDate
2013-04-30T20:14:08.023
LastEditorUserId
821837
OwnerUserId
821837
ParentId
0
PostTypeId
1
Score
0
ViewCount
506
LastEditorDisplayName
text
Body
I am using the JQuery UI Autocomplete. I needed it to MustMatch so I set it up like this: <pre><code>$('#MyAutoComplete').autocomplete({ source: result, minLength: 1, change: function (event, ui) { if (!ui.item) { $('#MyAutoComplete').val(''); } } }); </code></pre> Don't worry about the result as the field is populated and is working as expected. When someone types in a value not in the list and clicks off the field, the field gets erased as I wished--except when I click a submit button. A simplified version of my submit handler is: <pre><code>$('#MyButton').get(0).onclick = $('#MyForm').get(0).onsubmit = (function () { $('#MyForm').validate(); var isValid = $('#MyForm').valid(); if (!isValid) { return false; } }); </code></pre> If I click directly from the focused AutoComplete with bad data to the submit button, the submit event happens before the change for the AutoComplete. So the bad data gets submitted. Any other action clears the bad data which causes the submit to fail (because the field is required). Any ideas how to get around this? I have tried adding each of these to the top of the submit event. None made a difference. <pre><code>$('#MyAutoComeplete').data('autocomplete')._trigger('change'); $('#MyAutoComplete').blur(); $('#MyButton').focus(); </code></pre> <hr> Does the combobox feature require a higher version of the script then I am using? If I take this: <pre><code>$('#MyAutoComplete').autocomplete({ source: result, minLength: 1, change: function (event, ui) { if (!ui.item) { $('#MyAutoComplete').val(''); } } }); </code></pre> And turn it into this: <pre><code>$('#MyAutoComplete').combobox({ source: result, minLength: 1, change: function (event, ui) { if (!ui.item) { $('#MyAutoComplete').val(''); } } }); </code></pre> I get this error: JavaScript runtime error: Object doesn't support property or method 'combobox' I am using: jQuery UI 1.8.7
Tags
<jquery-ui><events><autocomplete>
Title
Autocomplete Change Event firing after button click
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USShawn Doe
UserOwnerUserId
1. USShawn Doe
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.