PDA

View Full Version : extra message on spry validation?


jenpen
07-28-2011, 01:37 AM
I have a very long and complex form using spry validation and it works well except for one usability issue.
If the user skips a required field and doesn't notice, then submits the form, it returns the form with the error message beside the empty field, as it should. But this might be up the top of the form, out of view, and to the user it just looks like the submit button didn't work.
Is there any way of displaying a message at the bottom of the page, saying there was an uncompleted field and please check or something?
Thanks, Jen

wisemanda
08-19-2011, 11:42 AM
Just copy the span-class for the message(s) you want repeated at the bottom of the page and paste them where you want them.
i.e.

...top of page...
<span class="textfieldRequiredMsg">A value is required.</span>
.
.
<span class="textfieldRequiredMsg">A value is required.</span>
...bottom of page...

The mesages can be repeated as many times and in as many places as you need them.

jenpen
08-22-2011, 05:19 AM
I did that but the messages do not appear at the bottom of the page :(
This is what I have inserted at the bottom of the page (just above the submit button)

<span class="textfieldRequiredMsg">(Project Title is required)</span>
<span class="textfieldRequiredMsg">(Total funds is required)</span>
<span class="textareaRequiredMsg">(Mailing address is required)</span>
<span class="textfieldRequiredMsg">(Contact person is required)</span>
<span class="textfieldRequiredMsg">(Position is required)</span>
<span class="textfieldRequiredMsg">(Daytime Phone is required)</span>
<span class="textfieldRequiredMsg">(Evening Phone is required)</span>
<span class="textfieldRequiredMsg">(Email address is required)</span>
<span class="textfieldRequiredMsg">(Alternative contact is required)</span>
<span class="textfieldRequiredMsg">(Daytime Phone is required)</span>
<span class="textfieldRequiredMsg">(Evening Phone is required)</span>
<span class="textfieldRequiredMsg">(Email address is required)</span>
<span class="textareaRequiredMsg">(Information is required)</span>
<span class="textareaRequiredMsg">(Information is required)</span>
<span class="textareaRequiredMsg">(Start and completion dates are required)</span>
<span class="textfieldRequiredMsg">(Name is required)</span>
<span class="textfieldRequiredMsg">(Position is required)</span>