Saturday, January 26, 2013

HTML | Firing submit button

Problem
Editing one or multiple textboxes in a page won't execute the correct button in the form.  

Solution
Once we make sure our button, textboxes, and others, are wrapped within a "Form" tag, various things will work right away.
- Hitting the "Enter" key will fire the first available button with "submit" type
- Textbox values will be available by the receiving event handler of the POST
- If various submit buttons exist, we may need to tell each textbox, which button should be fired when we hit enter on it

    

        // button action on input enter 
        $('input').keypress(function (e) {
            if (e.which == 13) {
                e.preventDefault();
                $(this).next().trigger('click');
            }
        });

No comments:

Post a Comment