form validation error

[BLinCT]

on this test pag: http://www.webauthorsgroup.com/index2.html, I created an "include" file (for the php form script), but if you just click on (or forgot a field) the submit button, it doesn't produce the error above the form, but rather it produces a seperate page with the form and error(s).

How can I correct this so that the error messages are echoed on the same page?

[bradgrafelman]

What do you mean by "same page?" The "page" I'm viewing before clicking submit looks to be the "same" one as what I view after I click submit (with the addition of some error messages explaining what I did wrong).

[BLinCT]

I am modifying the code as we speak, but it's odd that if you click "submit", it throws you back at the top of the page instead of just remaining in the same position - you then have to scroll back down to see the error message - like I said, I'm playing around with the code. Thanks for looking at it for me!

[traq]

BLinCT;11018885 wrote:

it's odd that if you click "submit", it throws you back at the top of the page instead of just remaining in the same position ...

no, clicking [submit] unloads the current page and loads a new page (which, in this case, happens to be the same page, but with an error message). Logically, it displays this new page from the top.

[BLinCT]

since that isn't a good model, I am going another direction to use a DIV (fading out the backpage) to show the form in the DIV. So far, I can get it to show the form, but if I click on Submit (while missing a field on purpose to show an error), the DIV hides again and if I click on the link again, it shows the error message....so I'm working on that one now. I may post a question in the next day or so for some assistance if I can't get it work the way I hope for.

[Ashley_Sheridan]

You should probably look to submitting the form via an Ajax request, as you want the form to behave in a way that forms don't normally behave; e.g. submit.

[johanafm]

You can also use the #fragment_identifier to scroll the page down to the element with id="fragment_identifier" if you want to handle non-javascript users. One way would be to display all error messages at the top of the content area, with links to each specific identifier

<div class="errors">
	<h3>
		<a href="#frm">Errors in form</a>
	</h3>
	<div class="error">
		<a href="#stuff">Stuff can't be blank</a>
	</div>
	<div class="error">
		<a href="#more_stuff">More Stuff can't be blank</a>
	</div>
</div>

<div style="height: 1400px;"></div>
<form id="frm" style="width: 80px;">
	<fieldset style="font-size: 12px;">
		<input id="stuff" style="width: 10em; 2em;">
	</fieldset>
	<div style="height: 800px"></div>
	<fieldset style="font-size: 1.6em;">
		<input id="more_stuff" style="width: 10em; 2em;">
	</fieldset>
</form>

[BLinCT]

I do thank you!...I will work on this 🙂