form validation w/Javascript

**surreal5335** · 05-17-2008 01:08 PM

I have email form created with the javascript validation already coded. When I click on the submit button no alert boxes pop to warn me I dont have the fields entered. Can anybody help me to get the JS to take action when the submit button is clicked?

here is the page of code including the JS and email form:

Code:

<html>
<head>

<script type="text/javascript" language="JavaScript">


//validating email address
    re = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/

    function submitit(myform) {

    if (re.test(myform.emailaddr.value)) {
        return true
}
    alert("invalid email address")
    myform.emailaddr.focus( )
    myform.emailaddr.select( )
    return false
}

    function validform(emailaddrform) {
    if (emailaddrform.emailaddr1.value == "") {
    alert("You must enter an email address")
    emailaddrform.emailaddr1.focus( )
    return false

}
    if (emailform.emailaddr1.value ! = emailform.emailaddr2.value) {
    alert("Entered email addresses did not match")
    emailform.emailaddr1.focus( )
    emailform.emailaddr1.select( )
    return false
    }
    return true
}

</script>
</head>
<body>
<table border="1" width="100%">
<tr>
<td width="10%">
<map name="homeleft" id="homeleft" align="left">
<area shape="rect" coords="10, 10, 212, 219" href="index.html"/>
<area shape="rect" coords="66, 253, 168, 303" href="realestatepost.html"/>
<area shape="rect" coords="66, 342, 168, 391" href="graphics.html"/>
</map>

<img src="http://i95.photobucket.com/albums/l136/surreal5335/web%20builder/homeleft.png"  usemap="#homeleft" id="homeleft" hspace="10" vspace="10" align="center"><br>

</td>
<td width="80%">
<!--home content--!>

<img src="http://i95.photobucket.com/albums/l136/surreal5335/web%20builder/portfolioheader.png" hspace="10" vspace="10" align="center"><br/><br>
<form method="post" name="emailform" action="emailform.php">
<p class="legend">Contact via email</p>
<fieldset id="conact">
<label>Name: </label><input type="text" name="name" size="30"/><br/>
<br>
<label>Email:  </label><input type="text" name="emailaddr1" size="30"/><br/>
<br>
<label>Email:  </label><input type="text" name="emailaddr2" size="30"/><br/>
<br>
<label>Phone: </label><input type="text" name="phone" size="30"/><br/>
<br>
<label>Comments: </label><br><textarea name="comments" rows="10" cols="30">Please give me a brief description of the work you need done</textarea><br/>
<br>
<input type="submit" name="submit"><a href="thankyou.html"></a></button><br/>

</td>
<td width="10%">

<map name="homeright" id="homeright" align="left">
<area shape="rect" coords="37, 530, 191, 683" href="contact.html"/>
</map>

<img src="http://i95.photobucket.com/albums/l136/surreal5335/web%20builder/homeright.png"  usemap="#homeright" id="homeright" hspace="10" vspace="10" align="center"><br>
</td>
</tr>
</body>
</table>
</html>

Thanks a lot for your help

**bonzo meier** · 05-18-2008 04:43 AM

hi,

you should add an onClick-action to the button field:
change your code
<input type="submit" name="submit"><a href="thankyou.html"></a></button><br/>

to:
<input type="submit" name="submit" onClick="validform('emailform');"><a href="thankyou.html"></a></button><br/>

or something like that.

success!
bonzo

**VPmase** · 05-18-2008 10:30 AM

"myform.emailaddr.value" this and others like it should have "document." infront of it.
"document.myform.emailaddr.value";

Also
<input type="submit" name="submit"> should be
<input type="button" name="submit" value="Send Email" onclick="submitit();" />
Then on the emailform.php is where you include the thank you page. Otherwise if you click that link it will take you to the thankyou page without sending the email.

**lszanto** · 05-19-2008 04:25 AM

I'm sure you proberly know this but i'm just checking, make sure you have other validation on your website and don't rely on javascript. You can easily get around it and/or simply disable it.

Thread: form validation w/Javascript

LinkBack

Thread Tools

Display

form validation w/Javascript

Re: form validation w/Javascript

Re: form validation w/Javascript

Re: form validation w/Javascript

Similar Threads

Addon Domain PHP Form Error

Easy XHTML form validation using PHP

Design a free form

My php Form tutorial

A simple Visual Basic Login Form

Posting Permissions