Jump to content

Form Validation - Uggg.. ;x


suess0r

Recommended Posts

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
https://forums.phpfreaks.com/topic/60449-form-validation-uggg-x/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.