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