Validating a Form

I was wondering if I had to change anything in my html in order to validate

[jmoreira]

Hello Folks,
I'm trying to validate a form. Once I have the script, Do I have to change anything in my html in order for the validator work properly? or Do i need to change my script to work properly? What kind of changes need to be made?

This is my code:

<form action="gdform.php" method="post" id="contactform" name="contact">
<input type="hidden" name="recipient" value="[e-mail]" />
<input type="hidden" name="subject" value="Your message to Juliano Moreira" />
<input type="hidden" name="required" value="realname,email,phone,comments" />
<input type="hidden" name="redirect" value="thanks.html" />
<dl>
<dt><label for="realname">Name:</label><em>Required</em></dt>
<dd><input name="Name" type="text" id="name" /></dd>

<dt><label for="email">E-mail:</label><em>Required</em></dt>
<dd><input name="E-mail" type="text" id="email" /></dd>

<dt><label for="phone">Phone Number:</label><em>Required</em></dt>
<dd><input name="Phone" type="text" id="phone" /></dd>

<dt><label for="adress">Adress:</label></dt>
<dd><input type="text" id="adress" name="Adress" /></dd>

<dt><label for="city">City</label></dt>
<dd><input type="text" id="city" name="City" /></dd>

<dt><label for="estate">State:</label></dt>
<dd>
<select name="state" id="state">
<option value=""></option>
<option selected value="">Choose one</option>
<option value="AA">AA</option>
<option value="AB">AB</option>
<option value="AE">AE</option>
<option value="AK">AK</option>
<option value="AL">AL</option>
<option value="AP">AP</option>
<option value="AR">AR</option>
<option value="AZ">AZ</option>
<option value="BC">BC</option>
<option value="CA">CA</option>
<option value="CO">CO</option>
<option value="CT">CT</option>
<option value="DC">DC</option>
<option value="DE">DE</option>
<option value="FL">FL</option>
<option value="GA">GA</option>
<option value="GU">GU</option>
<option value="HI">HI</option>
<option value="IA">IA</option>
<option value="ID">ID</option>
<option value="IL">IL</option>
<option value="IN">IN</option>
<option value="KS">KS</option>
<option value="KY">KY</option>
<option value="LA">LA</option>
<option value="MA">MA</option>
<option value="MD">MD</option>
<option value="ME">ME</option>
<option value="MI">MI</option>
<option value="MN">MN</option>
<option value="MO">MO</option>
<option value="MS">MS</option>
<option value="MT">MT</option>
<option value="NC">NC</option>
<option value="ND">ND</option>
<option value="NE">NE</option>
<option value="NH">NH</option>
<option value="NJ">NJ</option>
<option value="NM">NM</option>
<option value="NS">NS</option>
<option value="NV">NV</option>
<option value="NY">NY</option>
<option value="OH">OH</option>
<option value="OK">OK</option>
<option value="ON">ON</option>
<option value="OR">OR</option>
<option value="PA">PA</option>
<option value="PE">PE</option>
<option value="PR">PR</option>
<option value="QC">QC</option>
<option value="RI">RI</option>
<option value="SC">SC</option>
<option value="SD">SD</option>
<option value="TN">TN</option>
<option value="TX">TX</option>
<option value="UT">UT</option>
<option value="VA">VA</option>
<option value="VI">VI</option>
<option value="VT">VT</option>
<option value="WA">WA</option>
<option value="WI">WI</option>
<option value="WV">WV</option>
<option value="WY">WY</option>
</select>
</dd>

<dt><label for="street">Type of home:</label></dt>
<dd><input type="text" id="street" name="Adress" /></dd>

<dt><label for="rooms">How many rooms?</label></dt>
<dd><input type="text" id="rooms" name="Rooms" /></dd>

<dt><label for="date">When Do you plan to move?</label></dt>
<dd><input type="text" id="date" name="Date" /></dd>

<dt><label for="comments">Additional Information:</dt>
<dd><textarea id="comments" name="Comments" cols="50" rows="15" /></textarea></dd>

<dt><input name="submit" type="submit" class="button" value="Send it" onClick="javascript:validate();" /></dt>

</dl>
</form>

[rizwan]

This is a simple way to validate any form component.

in this e.g i validate only email field. if its empty then alert box will be shown. you can do with others...

function FormValidator(theForm)
{
if (theForm.txtemail.value == "")
{
alert("Please Enter email address");
theForm.txtemail.focus();
return (false);
}

if (theForm.anyothercomponent.value ==?)
{
do here...
}

}

<FORM name=form onsubmit="return FormValidator(this)">

<input name="txtemail" type="text">

</FORM>

[Bernard Marx]

This:

[blue]onClick="javascript:validate();"[/blue]

This should be:

[blue]onClick="return validate();"[/blue]

..although it's more often done not in an onclick, but in the form's onsubmit handler:

<form action="gdform.php" [blue]onsubmit="return validate();"[/blue] ....>

or Do i need to change my script to work properly?

That's hard to say until we see the script.