Announcement

**Kor** · Sep 26, 2006, 12:39 PM

you should

call the function onsubmit as ask for a return

<form onsubmit="return validate()">

In your function, give the desired conditions and, if they are not fulfilled, give an alert and a return false

very simplified:

Code:

function validate(){
.....
if(document.[I]myform[/I].[I]myelement[/I].value==''){
alert('you must fill the "myelement" field!');
return false
}
.....
}

return false will prevent the submit action. If the condition is fulfilled, the default return is something (the function itself, in this case), which is equivalent with a Boolean true, so that the HTML submit action will follow it's normal course

**Morf** · Sep 26, 2006, 01:18 PM

Still working on it, I think if you guys can help me to get just the first field working I'll be able to figure the rest out.. here's what I have:

Here's the form calling the function in onsubmit:

Code:

<form id="Oregistration" onsubmit="return validate()" name="registration" action="processreg.php" method="post"

Then I tried to do a simple script to just make sure the one field named "fname" is filled out (I placed this between the <head> and </head> tags):

Code:

<script type="text/javascript">
function validate(){
if(document.Oregistration.fname.value==''){
alert('you must fill the "First Name" field!');
return false;
}
</script>

How can I modify the above code to make it work? I think if I can just get one field, I can figure out the rest.

Thanks again.

**Morf** · Sep 26, 2006, 03:51 PM

bump

still having trouble, can anyone see where i went wrong in the above code?

**probey20** · Sep 26, 2006, 04:25 PM

You're missing an end bracket in your function. The below code should fix your problem. Also, I would recommend making your form name and ID the same.

Code:

<script type="text/javascript">
function validate(){
	if(document.Oregistration.fname.value==''){
		alert('you must fill the "First Name" field!');
		return false;
	}
}
</script>

**ruggeddesign** · Sep 26, 2006, 06:46 PM

Nevermind

Announcement

Form Validation:

Form Validation:

Comment

Comment

Comment

Comment

Comment