The Dynamic Form Tool in iControl WebStudio

This week we are going to cover using the Dynamic Form Tool bundled with iControl WebStudio.

Supporting Links

iControl WebStudio
Form Tool Documentation

----------- No JavaScript Required -----------

<FORM action="icwsForm.cfm" method="post" name="myForm">
  <INPUT type="hidden" name="icwsEmailAccount" value="cto">
  <INPUT type="hidden" name="icwsEmailDomain" value="ilgm.com">
  <INPUT type="hidden" name="icwsUserEmail" value="email">
  <INPUT type="hidden" name="icwsVerifyEmail" value="1">
  <INPUT type="hidden" name="icwsSubmitAlert" value="Thank you!">
  <INPUT type="hidden" name="icwsSubject" value="Contact Us">
  <INPUT type="hidden" name="icwsAddFormData" value="1">
  <INPUT type="hidden" name="icwsContact" value="name">
  <INPUT type="hidden" name="icwsDB" value="1">
  <INPUT type="hidden" name="icwsLocalOnly" value="1">
  <INPUT type="hidden" name="icwsFormName" value="Contact Us v1.0">
  <INPUT type="hidden" name="icwsListOptOne" value="name">
  <INPUT type="hidden" name="icwsListOptTwo" value="email">
  <INPUT type="hidden" name="icwsListOptThree" value="phone">
  <TABLE cellspacing="0" cellpadding="2" border="0">
    <TR>
      <TD align="right"><b>Name:</TD>
      <TD><INPUT type="text" size="33" name="name"></TD>
    </TR><TR>
      <TD align="right"><b>Email:</TD>
      <TD><INPUT type="text" size="33" name="email"></TD>
    </TR><TR>
      <TD align="right"><b>Telephone:</TD>
      <TD><INPUT type="text" size="33" name="phone"></TD>
    </TR><TR>
      <TD valign="top" align="right"><b>Message:</TD>
      <TD>
                    <TEXTAREA name="message" rows="5" wrap="VIRTUAL" cols="45"></TEXTAREA>
               </TD>
    </TR><TR>
      <TD align="right"><b>Contact by:</TD>
      <TD>
                    <INPUT type="checkbox" value="Email" name="time_to_call">
        Email
        <INPUT type="checkbox" value="Phone" name="time_to_call">
        Phone
        <INPUT type="checkbox" value="US Mail" name="time_to_call">
        Postal Mail
        <!-- This is your example of insuring this field is passed when nothing is checked -->
        <INPUT type="hidden" value="" name="time_to_call">
      </TD>
    </TR><TR>
      <TD align="right"><b>Best Time to Call:</TD>
      <TD>
                    <INPUT type="radio" value="Morning" name="time_to_call" checked>
        Mornings
        <INPUT type="radio" value="Day" name="time_to_call">
        Day Time
        <INPUT type="radio" value="Night" name="time_to_call">
        Night Time </TD>
    </TR><TR>
      <TD align="middle" colspan="2">
                    <INPUT class="ilgmbutton" type="submit" value="Contact Us" name="ICWS_submit">
      </TD>
    </TR>
  </TABLE>
</FORM>


----------- JavaScript Validation Sample -----------

<SCRIPT language=JavaScript>
     <!-- Begin JavaScript
     // The name of the form must be “myForm”
     function verify() {
          var themessage = "You are required to complete the following fields: \r";
          // Validate the NAME field
          if (document.myForm.name.value=="") {
               themessage = themessage + " - Your Name\r";
          }
          // Validate the PHONE field, then check character length
          if (document.myForm.phone.value=="") {
               themessage = themessage + " – Your Phone\r";
          }
          // is the length GT or EQ to 7 characters
          else if (document.myForm.phone.value.length <= 6) {
                    themessage = themessage + " - The Phone exists, but the number is too short\r";
          }
          // Validate EMAIL field, then validate the email format
          if (document.myForm.email.value=="") {
               themessage = themessage + " - Your E-mail\r";
          }
          else if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test
               (document.myForm.email.value)){
          }
          else {
               themessage = themessage + " - The E-mail exists, but the address is invalid\r";
          }
          // If anything failed, tell the user
          if (themessage == "You are required to complete the following fields: \r") {
               return true;
          }
          else {
               alert(themessage);
          return false;
          }
     }
// End JavaScript -->
</SCRIPT>

<FORM action="icwsForm.cfm" method="post" name="myForm" onSubmit="return verify()">
  <INPUT type="hidden" name="icwsEmailAccount" value="cto">
  <INPUT type="hidden" name="icwsEmailDomain" value="ilgm.com">
  <INPUT type="hidden" name="icwsUserEmail" value="email">
  <INPUT type="hidden" name="icwsVerifyEmail" value="1">
  <INPUT type="hidden" name="icwsSubmitAlert" value="Thank you!">
  <INPUT type="hidden" name="icwsSubject" value="Contact Us">
  <INPUT type="hidden" name="icwsAddFormData" value="1">
  <INPUT type="hidden" name="icwsContact" value="name">
  <INPUT type="hidden" name="icwsDB" value="1">
  <INPUT type="hidden" name="icwsLocalOnly" value="1">
  <INPUT type="hidden" name="icwsFormName" value="Contact Us v1.0">
  <INPUT type="hidden" name="icwsListOptOne" value="name">
  <INPUT type="hidden" name="icwsListOptTwo" value="email">
  <INPUT type="hidden" name="icwsListOptThree" value="phone">
  <TABLE cellspacing="0" cellpadding="2" border="0">
    <TR>
      <TD align="right"><b>Name:</TD>
      <TD><INPUT type="text" size="33" name="name"></TD>
    </TR><TR>
      <TD align="right"><b>Email:</TD>
      <TD><INPUT type="text" size="33" name="email"></TD>
    </TR><TR>
      <TD align="right"><b>Telephone:</TD>
      <TD><INPUT type="text" size="33" name="phone"></TD>
    </TR><TR>
      <TD valign="top" align="right"><b>Message:</TD>
      <TD>
                    <TEXTAREA name="message" rows="5" wrap="VIRTUAL" cols="45"></TEXTAREA>
               </TD>
    </TR><TR>
      <TD align="right"><b>Contact by:</TD>
      <TD>
                    <INPUT type="checkbox" value="Email" name="time_to_call">
        Email
        <INPUT type="checkbox" value="Phone" name="time_to_call">
        Phone
        <INPUT type="checkbox" value="US Mail" name="time_to_call">
        Postal Mail
        <!-- This is your example of insuring this field is passed when nothing is checked -->
        <INPUT type="hidden" value="" name="time_to_call">
      </TD>
    </TR><TR>
      <TD align="right"><b>Best Time to Call:</TD>
      <TD>
                    <INPUT type="radio" value="Morning" name="time_to_call" checked>
        Mornings
        <INPUT type="radio" value="Day" name="time_to_call">
        Day Time
        <INPUT type="radio" value="Night" name="time_to_call">
        Night Time </TD>
    </TR><TR>
      <TD align="middle" colspan="2">
                    <INPUT class="ilgmbutton" type="submit" value="Contact Us" name="ICWS_submit">
      </TD>
    </TR>
  </TABLE>
</FORM>

0 Comments

Please sign in to leave a comment.