Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Apr 2012
    Location
    St. Louis, MO
    Posts
    985
    Thanks
    7
    Thanked 101 Times in 101 Posts

    Question ui.combobox: Enter key causing problems

    Hello, everyone.

    I have a form that is used to filter tasks (the page default is "everything"; you can type in either "Application" or "Customer" fields and the autosuggest/autofill starts to populate the respective field.)

    The submit button prevents the default form submit and does the submit via AJaX. So far, this is working quite nicely, IF the user clicks on or highlights a suggestion.

    However, should the user hit the enter key without highlighting one of the suggestions, the selections disappear and the field is left with just the letters that the user has typed, thus far, and submits the form (bypassing the preventDefault() command), and the next thing I see is the whole page is replaced by just the form.

    If I could figure it out, I suppose I could put an event handler that will ignore the Enter key; but this is the first time I've used ui.combobox, and I'm not sure what to do.

    Any thoughts?

    Thank you,
    ^_^

    If anyone knows of a website that can offer ColdFusion help that isn't controlled by neurotic, pedantic jerks* (stackoverflow.com), please PM me with a link.
    *
    The neurotic, pedantic jerks are not the owners; just the people who are in control of the "popularity contest".

  • #2
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    sounds like you've done the classic mistake of binding your desired ajax functions to the submit button itself.

    Instead of doing that, bind it the forms submit event instead. http://api.jquery.com/submit/


    Code:
    $("#element").submit(function(e){
    e.preventDefault();
    //do my ajax submittal etc here
    });
    - The idea is anything that fires the forms submit event , will be handled the way you intended.
    Last edited by DanInMa; 02-02-2013 at 04:40 AM.

  • #3
    Regular Coder
    Join Date
    Apr 2012
    Location
    St. Louis, MO
    Posts
    985
    Thanks
    7
    Thanked 101 Times in 101 Posts
    As soon as my dev system boots up, I'll check the code. I don't think I've got it bound to the submit button.. actually, I don't think there IS a submit button, I think it's just an input type="button". But I'll report back what I've got.

    UPDATE: As I suspected.. three select elements and an input type="button", no submit. Could the combobox be causing this?

    Thanks,
    Last edited by WolfShade; 02-04-2013 at 03:11 PM.
    ^_^

    If anyone knows of a website that can offer ColdFusion help that isn't controlled by neurotic, pedantic jerks* (stackoverflow.com), please PM me with a link.
    *
    The neurotic, pedantic jerks are not the owners; just the people who are in control of the "popularity contest".

  • #4
    Regular Coder
    Join Date
    Apr 2012
    Location
    St. Louis, MO
    Posts
    985
    Thanks
    7
    Thanked 101 Times in 101 Posts
    Well, I don't know exactly what is causing this, but I finally figured a solution.

    In the form tag, I put onsubmit="return false;". Now it doesn't default submit and will still AJaX submit.
    ^_^

    If anyone knows of a website that can offer ColdFusion help that isn't controlled by neurotic, pedantic jerks* (stackoverflow.com), please PM me with a link.
    *
    The neurotic, pedantic jerks are not the owners; just the people who are in control of the "popularity contest".


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •