Need Form Help

Discussion in 'Scripts' started by chelseah, Jan 29, 2013.

0
  1. #1
    So I've created a form. I have made the email required. Now I want to validate the email and have "email required" pop up when the text box isn't filled in. I'm no good at script. I've already tried implementing some and it didn't work. Can anyone help me?

    Here is my code thus far:
    <form method="POST" name="shoppingcartupdate" id="shoppingcartupdate" onsubmit="return Validator(this);">
            <input name="formName" value="dmiformShoppingCartDirectLandAdd" type="hidden">
            <input name="productNumber" value="AGMSR00061" type="hidden">
            <input name="success" value="directcheckout" type="hidden">
            <input type="hidden" class="qty" name="qty" value="1" />
            <input name="checkout_header_article" value="agelesslanding-header" type="hidden">
            <input name="checkout_footer_article" value=" agelesslanding-footer" type="hidden">
        <input name="updatecustomerdata" value="yes" type="hidden">
 
<table border="0" cellpadding="0" cellspacing="0">
  <tbody><tr>
  <td><font style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3c2012; font-size:12px;">First Name</font><p style="margin-left: 80px; margin-top: -20px;"><input type="text" name="firstname" maxlength="50" size="20" value=""/></p>
</td>
</tr>
<tr>
<td><p style="margin-top: -10px;"><font style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3c2012; font-size:12px;">Last Name</p></font><p style="margin-left: 80px; margin-top: -38px;"><input type="text" name="lastname" maxlength="50" size="20" value=""/></p>
</td>
</tr>
<tr>
<td><p style="margin-top: -10px;"><font style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3c2012; font-size:12px;">Address</font></p><p style="margin-left: 80px; margin-top: -38px;"><input type="text" name="address" maxlength="50" size="20" value=""/></p>
</td>
</tr>
<tr>
<td><p style="margin-top: -10px;"><font style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3c2012; font-size:12px;">Address 2</font></p><p style="margin-left: 80px; margin-top: -38px;"><input type="text" name="address2" maxlength="50" size="20" value=""/></p>
</td>
</tr>
<tr>
<td><p style="margin-top: -10px;"><font style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3c2012; font-size:12px;">City</font></p><p style="margin-left: 80px; margin-top: -38px;"><input type="text" name="city" maxlength="50" size="20" value=""/></p>
</td>
</tr>
<tr>
<td><p style="margin-top: -10px;"><font style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3c2012; font-size:12px;">State</font></p><p style="margin-left: 80px; margin-top: -38px;"><select name="state">
  <option value="AL">Alabama</option>
  <option value="AK">Alaska</option>
  <option value="AZ">Arizona</option>
  <option value="AR">Arkansas</option>
  <option value="CA">California</option>
  <option value="CO">Colorado</option>
  <option value="CT">Connecticut</option>
  <option value="DE">Delaware</option>
  <option value="DC">District of Columbia</option>
  <option value="FL">Florida</option>
  <option value="GA">Georgia</option>
  <option value="HI">Hawaii</option>
  <option value="ID">Idaho</option>
  <option value="IL">Illinois</option>
  <option value="IN">Indiana</option>
  <option value="IA">Iowa</option>
  <option value="KS">Kansas</option>
  <option value="KY">Kentucky</option>
  <option value="LA">Louisiana</option>
  <option value="ME">Maine</option>
  <option value="MD">Maryland</option>
  <option value="MA">Massachusetts</option>
  <option value="MI">Michigan</option>
  <option value="MN">Minnesota</option>
  <option value="MS">Mississippi</option>
  <option value="MO">Missouri</option>
  <option value="MT">Montana</option>
  <option value="NE">Nebraska</option>
  <option value="NV">Nevada</option>
  <option value="NH">New Hampshire</option>
  <option value="NJ">New Jersey</option>
  <option value="NM">New Mexico</option>
  <option value="NY">New York</option>
  <option value="NC">North Carolina</option>
  <option value="ND">North Dakota</option>
  <option value="OH">Ohio</option>
  <option value="OK">Oklahoma</option>
  <option value="OR">Oregon</option>
  <option value="PA">Pennsylvania</option>
  <option value="RI">Rhode Island</option>
  <option value="SC">South Carolina</option>
  <option value="SD">South Dakota</option>
  <option value="TN">Tennessee</option>
  <option value="TX">Texas</option>
  <option value="UT">Utah</option>
  <option value="VT">Vermont</option>
  <option value="VA">Virginia</option>
  <option value="WA">Washington</option>
  <option value="WV">West Virginia</option>
  <option value="WI">Wisconsin</option>
  <option value="WY">Wyoming</option>
</select></p>
</td>
</tr>
<tr>
<td><p style="margin-top: -10px;"><font style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3c2012; font-size:12px;">Zip Code</font></p><p style="margin-left: 80px; margin-top: -38px;"><input type="text" name="zipcode" maxlength="50" size="20" value=""/></p>
</td>
</tr>
<tr>
<td><p style="margin-top: -10px;"><font style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3c2012; font-size:12px;">Email</font><font color="red"/>*</td></p>                   
</tr>
<tr>
<td>
<p style="margin-left: 80px; margin-top: -38px;"><input required class="" type="text"  name="email" id="email" maxlength="50" size="20" width="158">
</p>
<p style="margin-top: -9px;"><font style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3c2012; font-size:12px;">Phone</font></p><p style="margin-left: 80px; margin-top: -37px;"><input type="text" name="phone" maxlength="50" size="20" value=""/></p>
</td>
 
  <tr>
   
<td colspan="3" valign="top">       
 
  <input type="image" name="submit" src="/images/art/ageless-rmo.jpg" alt="Submit" value="submit" onclick='return validate();' style="margin-top:4px; margin-left:13px; ">
</a> 
<div style="margin-top:-95px; margin-left: 0px;"><b>(<font color="red"/>*</font> Required)</b></div> 
</td>
  </tr>
</tbody></table>
 
</form>
    Code (markup):

     
    chelseah, Jan 29, 2013 IP
  2. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #2
    1) Don't use tables for positioning, they're for tabular data.

    2) Stop using <p> tags for things that aren't paragraphs.

    3) Check the length of the value of the email element. If it's 0, nothing was entered. (You should really do a full verification - 1 and only 1 @, no case of 2 .s together, etc. Then check the MX and A records of the email domain in your server-side code to make sure that there's an email server there.)
     
    Rukbat, Jan 29, 2013 IP