OnSubmit content replace

Question

I seem to have a problem. Looking at the example here:
Adobe
Example... so does Adobe. (All IE7).
I wanted to use Spry validation and submit the form to an ASP
page which builds the html fragment for a response. I want the
response to replace the form and avoid loading the response page.
If I understand the examples the form tag should read:
quote:
<form action="validate.asp" method="post" name="contact"
onsubmit="return Spry.Utils.submitForm(this,
updateResponseDiv);">
NOTE: The ASP is only named 'validate'. It does
no validation. It trims (Left()) the incoming variables, builds and
sends an email and builds the SUCCESS or FAIL html fragments.
The page still loads the validate.asp page... I expect it NOT
to load a new page. If some part of the innerHTML is not working I
would expect the showing page (form) not to change, but still not
load the new page.
I modified this function to point to a div and revised it to
point to a span:
quote:
function updateResponseDiv(req) {
Spry.Utils.setInnerHTML('emailform',
req.xhRequest.responseText);
That was not the problem
I checked to amke sute all the functions in the thread of
calls are included.
xpath.js
SpryData.js
SpryURLUtils.js
SpryValidationTextField.js
SpryValidationTextarea.js
What am I missing?

Answer 1

MARIN, thanks for catching the '}'
Unfortunately that is not the problem... The page still loads
the form target/action page.
Perhaps I am confused on passing the form handle here:
Spry.Utils.submitForm(
formHandle, updateResponseDiv);
Using 'this' in the onSubmit statement works for JUST
Spry.Utils.submitForm. But passing 'this' from the onSubmit
to one of my functions with validation too fails and loads the
action page.
I've tried these 3:
quote:
function SendForm(form) {
var theForm = document.getElementById(form);
var ret = Spry.Widget.Form.validate(theForm);
if (ret) {
Spry.Utils.submitForm(theForm, updateResponseDiv);
} else {
return false;
function SendForm2(form) {
//var theForm = document.getElementById(form);
var ret = Spry.Widget.Form.validate(form);
if (ret) {
Spry.Utils.submitForm(this, updateResponseDiv);
} else {
return false;
function SendForm3(form) {
//var theForm = document.getElementById(form);
var ret = Spry.Widget.Form.validate(form);
if (ret) {
Spry.Utils.submitForm(form, updateResponseDiv);
} else {
return false;
For the first one I pass the ID ('content').
In the second I wondered if I 'this' was passing a handle for
Spry.Utils.submitForm function. While I pass the function 'this', I
used another this within the Spry.Utils.submitForm. It still loads
the action target.
In the 3rd I have the func use the passed 'this' result as
the handle in Spry.Utils.submitForm, which is what I think it
should be. BUT all 3 result in a page load.
As I Firebug step through the code I see that
Spry.Utils.submitForm will take a handle or and ID. So, I am really
confused as to why I cannot get the action page to replace my div.
I see the process move through the Utils.js to the point it makes
the call to the target, then the page loads...
I really appreciate your help. I can't see where I am going
wrong...
EDIT: I added a 4th function (you can see it in the PAGE link
above). It calls the target page without doing a page relaod and
replaces the div as intended. But the valadation does not work.
Validation is called but always returns true, even with an empty
form. Later today I'll work on it some more.
EDIT2: I find that with 4 the behavior is different in FF and
IE7...