jQuery Form Controls
Posted on 2013-01-31
I need some help with a form that I'm trying to create, with some jQuery controls in place.
The form is laid out in a table gird, with a mixture of <input> and <select> fields.
Some of the <input>'s are using jQuery UI autocomplete, others don't.
I have added arrow key navigation to the sheet, so that users can use the up, down, left, right keys to move to different cells (which is turned off when the autocomplete list is open to let people move up and down in the dropdown list).
The controls that I would like to add are:
1) Enter key - From a data entry stand point, I find the enter key a good way to traverse the different fields in the form. I would like to have this functionality, without the form submission tied to the enter key (without breaking autocomplete).
2) Form select - Since we are hopefully removing form submission from the enter key, I would like to have a button and/or keyboard combination that submits the form (preferable both, with the obvious choice for the key combo of CTRL-S
Can you please help me.