Spry validation problem for long forms

Question

I used the Spry Validation Widgets for my form validation. It
works great, BUT the problem is that if you have a very long form
and the user doesn’t fill in one of the top required fields,
it doesn’t scroll the browser back up to the required field,
or present a message next to the submit button telling the person
that not all required fields have been filled in. Nothing appears
to happen at all, which would be confusing to users. I added my own
message underneath the Submit button which reads "If this form does
not submit, check for required entries at the top of this page.*",
but is there a way to add an extra popup message that could appear
next to the Submit button instead? (I know that we can't mix the
Validate Form behavior with the Spry Validation widgets.)

Answer 1

Came across the same issue as well. To solve this I added in
three lines of code into the 'SpryValidationTextField.js' file that
is created via DW. Inside of that include look for the following
code:
if (!Spry.Widget.Form.validate) {
Spry.Widget.Form.validate = function(vform) {
var isValid = true;
var isElementValid = true;
var q = Spry.Widget.Form.onSubmitWidgetQueue;
var qlen = q.length;
for (var i = 0; i < qlen; i++) {
if (!q
.isDisabled() && q.form == vform) {
isElementValid = q
.validate();
isValid = isElementValid && isValid;
return isValid;
Right before you return the "isValid" parameter you want to
check and see if the value is false. If it is, have the page
refreshed to a specific html anchor. For example:
if (isValid == false) {
window.location.hash = "formtop";
return isValid;
Where "formtop" is would be the name of your html anchor tag
on the page. So right before my html form starts I have:
<a name="formtop"></a>
Hope that helps ... enjoy!
- Larry Daughenbaugh
http://www.jplprod.com