Jump to content

Form Validation - Uggg.. ;x

suess0r

By suess0r
in PHP Coding Help

 Share

Recommended Posts

suess0r Regular Member

suess0r

Posted
Posted

Hi,

 

So i'm doing some form validation and have no problem validating certain fields and their requirements but I need some help with this 1 part.

 

if you go to: http://www.realloanpro.com/signup.html - if they click Yes to the first question "Are you a licensed real estate professional" it's supposed to then validate the fields below. This works also with the 3rd portion below if they click to that Yes on the same question.

 

Is there anyway of adapting this javascript to run an if/then to work around this problem? Would appreciate any help anyone can give. thanks so much!

<form action="" name="myform" >

<table width="755" border="0" cellpadding="0" cellspacing="0">

  <tr>

    <td width="21" rowspan="18"> </td>

    <td width="377"><span class="style2">SIGN UP TODAY! </span></td>

    <td width="357"><p class="style2"> </p>    </td>

  </tr>

  <tr>

 

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><span class="style1"><span class="style8">*Full     Name:<br />

    <input name="First_Name" type="text" id="First_Name" size="14" />

    </span><span class="style8">

    <input name="Middle_Name" type="text" id="Middle_Name" size="4" />

    <input name="Last_Name" type="text" id="Last_Name" size="16" />

    <select name="Suffix" size="1" style="width: 60px;">

      <option value="none">None</option>

      <option value="Dr">Dr.</option>

      <option value="Jr">Jr.</option>

      <option value="Sr">Sr.</option>

      <option value="I">I</option>

      <option value="II">II</option>

      <option value="III">III</option>

      <option value="IV">IV</option>

      <option value="V">V</option>

      <option value="VI">VI</option>

      <option value="VII">VII</option>

      <option value="VIII">VIII</option>

      <option value="IX">IX</option>

      <option value="X">X</option>

    </select>

    </span></span></td>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><span class="style8">*Phone Number:<br />

        <input name="Phone1" type="text" id="Phone1" size="5" />

-

<input name="Phone2" type="text" id="Phone2" size="4" />

-

<input name="Phone3" type="text" id="Phone3" size="6" />

Type:

<select name="Phone_Type" style="width: 85px;">

  <option value="Cellular">Cellular</option>

  <option value="Home">Home</option>

  <option value="Brokerage">Office</option>

  <option value="Home_Office">Home Office</option>

</select>

    </span></td>

  </tr>

  <tr>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><span class="style1">Your Website: <br />

        <input name="Website" type="text" id="Website" />

    </span></td>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><span class="style8">Facsimile:<br />

        <input name="Facsimile1" type="text" id="Facsimile1" size="5" />

-

<input name="Facsimile2" type="text" id="Facsimile2" size="4" />

-

<input name="Facsimile3" type="text" id="Facsimile3" size="6" />

Type:

<select name="Facsimile_Type" style="width: 85px;">

  <option value="Home">Home</option>

  <option value="Brokerage">Office</option>

  <option value="Home_Office">Home Office</option>

</select>

    </span></td>

  </tr>

  <tr>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><p><span class="style1">*Mailing Address: <br />

            <input name="Main_Address" type="text" id="Main_Address" size="45" />

    </span></p>

      <p><span class="style1">*City, *State, *Zip </span></p>

      <p><span class="style1">

        <input name="Main_City" type="text" id="Main_City" size="20" />

        <select name="Main_State" style="width: 80px;">

          <option value="AL">AL</option>

          <option value="FL">FL</option>

        </select>

        <input name="Main_Zip" type="text" id="Main_Zip" size="7" />

      </span></p></td>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><p><span class="style8">*E-mail:</span><br />

          <input name="Email" type="text" id="Email" />

    </p>

      <p><span class="style1"><br>

        *Confirm E-mail:<br />

  <input name="Confirm_Email" type="text" id="Confirm_Email" />

      </span></p></td>

  </tr>

  <tr>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><p class="style9">*Are you a licensed real estate professional? </p>

      <p><span class="style1">

        <input type="checkbox" name="Licensed_Pro" value="Yes">

        Yes

  <input type="checkbox" name="Licensed_Pro" value="No">

        No </span><span class="style1"></span></p></td>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"> </td>

  </tr>

  <tr>  </tr>

  <tr>

    <td colspan="2" bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><div align="center">

      <p class="style13">*Note: If YES please answer below</p><hr>

      </div></td>

    </tr>

  <tr>

    <td height="41" bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><span class="style1 style8">*What State Primarily?<br>

        <select name="1_State" style="width: 80px;">

          <option value="AL">AL</option>

          <option value="FL">FL</option>

        </select>

    </span></td>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><span class="style9">*License Number: <br />

        <input name="1_Liscense_Num" type="text" id="1_Liscense_Num" />

    </span></td>

  </tr>

  <tr>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><span class="style1"><span class="style8">*Brokerage Name: </span><br />

        <input name="1_Brokerage_Name" type="text" id="1_Brokerage_Name" />

    </span></td>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><p class="style9">*License Type: </p>

      <p><span class="style1">

        <input type="checkbox" name="1_Liscense_Type" value="Broker">

        Broker

  <input type="checkbox" name="1_Liscense_Type" value="Broker Agent">

        Broker Agent

  <input type="checkbox" name="1_Liscense_Type" value="Other">

        Other </span></p></td>

  </tr>

  <tr>

    <td height="94" bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><p class="style1 style14">*Brokerage Number:<br />

      <input name="1_Broker_Num1" type="text" id="1_Broker_Num1" size="5" />

      -

  <input name="1_Broker_Num2" type="text" id="1_Broker_Num2" size="4" />

      -

  <input name="1_Broker_Num3" type="text" id="1_Broker_Num3" size="6" />

      :

  <input name="1_Same" type="radio" value="Yes">

      same as above </p>

      <p class="style15"> </p>

      <p class="style9">*Are you a licensed mortgage professional? </p>

      <p><span class="style1">

        <input type="checkbox" name="1_Licensed_Pro" value="Yes">

        Yes

  <input type="checkbox" name="1_Licensed_Pro" value="No">

        No</span></p>      </td>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><p><span class="style1">*Address: <br />

            <input name="1_Address" type="text" id="1_Address" size="35" />

    </span></p>

      <p><span class="style1">City, State, Zip </span></p>

      <p><span class="style1">

        <input name="1_City" type="text" id="1_City" size="7" />

        <span class="style1 style8">

        <select name="1_State" style="width: 80px;">

          <option value="AL">AL</option>

          <option value="FL">FL</option>

        </select>

        </span>

        <input name="1_Zip" type="text" id="1_Zip" size="6" />

        </span><span class="style1">:

          <input name="1_Address_Same" type="radio" value="Yes">

          same as above </span></p></td>

  </tr>

  <tr>  </tr>

  <tr>

    <td colspan="2" bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><div align="center">

      <p class="style4 style8 style12">*Note: If YES please answer below</p>

      <hr>

    </div></td>

    </tr>

  <tr>

    <td height="41" bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><span class="style1 style8">*What State Primarily?<br>

          <select name="2_State" style="width: 80px;">

            <option value="AL">AL</option>

            <option value="FL">FL</option>

          </select>

    </span></td>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><span class="style9">*License Number: <br />

          <input name="2_Liscense_Num" type="text" id="2_Liscense_Num" />

    </span></td>

    </tr>

  <tr>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><span class="style1"><span class="style8">*Brokerage Name: </span><br />

          <input name="2_Brokerage_Name" type="text" id="2_Brokerage_Name" />

    </span></td>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><p class="style9">*License Type: </p>

        <p><span class="style1">

          <input type="checkbox" name="2_Liscense_Type" value="Broker">

          Broker

          <input type="checkbox" name="2_Liscense_Type" value="Broker Agent">

          Broker Agent

          <input type="checkbox" name="2_Liscense_Type" value="Other">

          Other </span></p></td>

    </tr>

  <tr>

    <td height="94" bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><p class="style1 style14">*Brokerage Number:<br />

            <input name="2_Broker_Num1" type="text" id="2_Broker_Num1" size="5" />

      -

      <input name="2_Broker_Num2" type="text" id="2_Broker_Num2" size="4" />

      -

      <input name="2_Broker_Num3" type="text" id="2_Broker_Num3" size="6" />

      :

      <input name="2_Same" type="radio" value="Yes">

      same as above </p>

        <p class="style15"> </p>

      <p class="style9">*Are you a licensed mortgage professional? </p>

      <p><span class="style1">

          <input type="checkbox" name="2_Licensed_Pro" value="Yes">

        Yes

        <input type="checkbox" name="2_Licensed_Pro" value="No">

        No</span></p></td>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><p><span class="style1">*Address: <br />

              <input name="2_Address" type="text" id="1_Address" size="35" />

      </span></p>

        <p><span class="style1">City, State, Zip </span></p>

      <p><span class="style1">

          <input name="2_City" type="text" id="2_City" size="7" />

          <span class="style1 style8">

          <select name="2_State" style="width: 80px;">

            <option value="AL">AL</option>

            <option value="FL">FL</option>

          </select>

          </span>

          <input name="2_Zip" type="text" id="2_Zip" size="6" />

          </span><span class="style1">:

            <input name="2_Address_Same" type="radio" value="Yes">

            same as above </span></p></td>

    </tr>

  <tr>    </tr>

  <tr>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><p> </p>

      <p><span class="style1">*Have you read the <strong>Terms of Use?</strong></span></p>

      <p><span class="style1">

        <input type="checkbox" name="Terms" value="Yes">

        Yes

  <input type="checkbox" name="Terms" value="No">

        No</span></p></td>

    <td bgcolor="#E8E8E8" style="padding: 0 0 0 15px"><p> </p>

      <p><span class="style1">*Do you agree with the <strong>Privacy Policy?</strong> </span></p>

      <p><span class="style1">

        <input type="checkbox" name="Agree" value="Yes">

        Yes

  <input type="checkbox" name="Agree" value="No">

        No</span></p></td>

  </tr>

  <tr>

    <td colspan="2" bgcolor="#E8E8E8" style="padding: 0 0 0 15px">

      <p align="center">

      <br> <input type="submit" name="Submit" value="Submit">

      </p>

  </form>     </td>

  </tr>

</table>

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

//You should create the validator only after the definition of the HTML form

  var frmvalidator  = new Validator("myform");

  frmvalidator.addValidation("First_Name","req","Please enter your First Name");

  frmvalidator.addValidation("First_Name","alpha");

 

  frmvalidator.addValidation("Last_Name","req", "Please enter your Last Name");

  frmvalidator.addValidation("Last_Name","alpha");

 

  frmvalidator.addValidation("Phone1","req", "Please re-enter your full phone number");

  frmvalidator.addValidation("Phone2","req", "Please re-enter your full phone number");

  frmvalidator.addValidation("Phone2","numeric", "Please only enter numeric values for your phone number");

  frmvalidator.addValidation("Phone3","req", "Please re-enter your full phone number");

  frmvalidator.addValidation("Phone3","numeric", "Please only enter numeric values for your phone number");

 

  frmvalidator.addValidation("Email","maxlen=50");

  frmvalidator.addValidation("Email","req");

  frmvalidator.addValidation("Email","email");

 

  frmvalidator.addValidation("Confirm_Email","maxlen=50");

  frmvalidator.addValidation("Confirm_Email","req");

  frmvalidator.addValidation("Confirm_Email","email");

 

 

  frmvalidator.addValidation("Main_Address","req", "Please enter your Mailing Address");

  frmvalidator.addValidation("Main_City","dontselect=0", "Please choose a City");

    frmvalidator.addValidation("Main_Zip","req", "Please enter your Zip Code");

 

 

</script>

 

This is currently only validating the top portion of the page. Thanks for any help!!

Link to comment
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.