More than 1 form on a page 1

[jl8789]

Pressing the Enter key on the keyboard will submit a form on a page...but it does not work when there is more than 1 form, ie 2 or more submit buttons on a page. Which makes sense. The Enter Key then needs to be coded, and only know how to make it submit a particular form.

I can't find out just how to find focus on the form...checking each form's element's focus would probably work but be cumbersome...

I can't find a property or attribute of a form to see if any of it's elements has focus to figure out how to write the code. Do any exist? Or, how can I code this without having to check the focus of all existing elements on the page?

Thanks!

 

[Turkbear]

Hi,
Why not require the Submit button to be used instead of the Enter key?



To Paraphrase:"The Help you get is proportional to the Help you give.."

 

[jl8789]

Users are used to pressing the enter key to activate a submit button on a page. It is easier than hovering over the submit button with the mouse for some. Is is a nicety, that's all. It would be nice to know which form I am on when capturing the enter key and then submitting each form accordingly.

 

[cLFlaVA]

best way, then, would probably be to use the onfocus event of each element to store the active form. you could dynamically add this event capturing using a loop, however, rather than adding the onfocus manually to each element.



*cLFlaVA
----------------------------
[tt]mr. pibb + red vines = crazy delicious![/tt]

[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[jl8789]

Hmmm, sounds interesting. Hate to do this to you, but could you provide some quick example on how to do this? How do I store the value of the forms? Perhaps the loop example would be the best way...

 

[cLFlaVA]

something like this:

var fActive;

function attachEvents(f) {
    var e = f.elements;
    for ( var i = 0; i < e.length; i++ ) {
        e[i].onfocus = function() { fActive = f; };
    }
}

window.onload = function() {
    attachEvents( document.forms['MyFirstFormName'] );
    attachEvents( document.forms['MySecondFormName'] );
}

you could then do your "enter" capturing, and if the enter button was clicked, submit the form as such:

fActive.submit();

*cLFlaVA
----------------------------
[tt]mr. pibb + red vines = crazy delicious![/tt]

[URL unfurl="true"]http://www.coryarthus.com/[/url]