not sure why this issn't working

[severndigital]

all i want to do is submit a form when i onblur some text field.

i keep getting the error that it's not defined.

 

here is the code i have

function submitForm(formName){
document.formName.submit();
}

 

here is the html i am trying to use with that.

<form action="?operation=update" method="post" name="ElementForm-1" />
<input name="fontSize" type="text" class="textFormField" size="2" maxlength="3" value="<?php echo $this->_elemFontSize; ?>" onblur="submitForm('ElementForm-1')"/>
</form>

 

when i run it i get the error

document.formName is undefined

 

anyone help me out??

 

Thanks,

-C

 

 

 

 

 

 

 

 

 

 

 

 

 

 

[F1Fan]

Is this the only form on the page? If so:

function submitForm(){
document.forms[0].submit();
}

[severndigital]

it is not the only form on the page.

 

is there no way to submit the form based off of the form's name??

 

 

[F1Fan]

function submitForm(formName){
formName.submit();
}

<form action="?operation=update" method="post" name="ElementForm-1" />
<input name="fontSize" type="text" class="textFormField" size="2" maxlength="3" value="<?php echo $this->_elemFontSize; ?>" onblur="submitForm(this.form)"/>
</form>

Try that.

[severndigital]

no good

 

it still tells me

formName.submit is not a function

 

it's like it won't reference the formName variable, if that makes sense

[F1Fan]

<form action="?operation=update" method="post" name="ElementForm-1" />
<input name="fontSize" type="text" class="textFormField" size="2" maxlength="3" value="<?php echo $this->_elemFontSize; ?>" onblur="this.form.submit();"/>
</form>

[severndigital]

sorry .. that's not working either ..

 

there are three forms on the screen, and that way only submits the last of the three ... no matter what field I add the onBlur to

[F1Fan]

<form action="?operation=update" method="post" name="ElementForm-1" />
<input name="fontSize" type="text" class="textFormField" size="2" maxlength="3" value="<?php echo $this->_elemFontSize; ?>" onblur="document.ElementForm-1.submit();"/>
</form>

[Adam]

function submitForm(formName){
document.forms[formName].submit();
}

 

replace your function with that..

[JasonLewis]

Why the old school stuff?

 

There is such thing known as document.getElementById().

 

Example:

<form name="form" id="form" method="post" action="http://www.google.com">
<input type="text" name="textfield" id="textfield" value="onBlur me and I'll go to Google!" onblur="javascript: document.getElementById('form').submit()" />
</form>