Trail Blazer Knowledge Base

 

Home : Web Tools : Build Your Own Custom Signup Form (Get)

Knowledge Base







User:

Password:



Article ID: KB254
Keyword Name: get,custom,custom form,custom signup,post
Created: April 18, 2017
Viewed: 13225

Build Your Own Custom Signup Form (Get)

Build your own custom input form for your website without using iframes.  For simplicity, we are documenting one method of doing this knowing there are other techniques that will accomplish the same outcome.

Custom forms are not supported by Trail Blazer. All custom forms are the sole responsibility of the author.

NOTE: Field names are case sensitive.

Required fields are:
  • firstname
  • lastname 
  • email

Other optional fields are:
  • street
  • street1
  • city
  • state
  • zipcode
  • cellphone
  • homephone
  • workphone
  • organization
  • occupation
  • jobtitle
  • voternumber
  • organization
  • occupation
  • jobtitle
  • user1
  • user2
  • user3
  • user4
  • user5
  • user6
  • user7
  • user8
  • user9
  • user10
  • user11
  • user12
  • userdecimal1
  • userdecimal2
  • userdecimal3
  • userdate1
  • userdate2
  • userdate3
  • voternumber

Special fields:
  • rd
RD is a hidden field and means redirect.  Redirects are used to send the person to a specific page AFTER they have completed the form.  Typically used for thanking them for signing up.
  • attribute
Attributes equal checkboxes or radio buttons that can be added to your form.  These are tied directly to your attributes in your database.  There is no limit to how many you add to your page.

Checkboxes differ from radio buttons in that you may select multiple checkboxes.  Radio buttons may have only one checked (mutually exclusive).  You may mix your checkboxes with your radio buttons if you desire. The example below demonstrates this.

Determining the Attribute ID Value
In Trail Blazer, right mouse click your attribute and select Properties from the context menu.  The dialog box that opens will have a 5 digit number on the title.  This is the attributes id value.




Example with validation:

<script type="text/javascript">
function validateform()
{
if (document.formName1.firstname.value == "")
{
alert ("First name needs to be filled out");
return false;
}
if (document.formName1.lastname.value == "")
{
alert ("Last name needs to be filled out");
return false;
}
if (document.formName1.email.value == "")
{
alert ("Email needs to be filled out");
return false;
}
if (document.formName1.zipcode.value == "")
{
alert ("Zip Code needs to be filled out");
return false;
}
}
</script>
<form action="http://www.trailblz.info/CUSTOMERDBNAME/signup_post.aspx" method="get" name="formName1" onsubmit="return validateform()">
<div><label>First Name<input maxlength="50" name="firstname" type="text" /></label></div>
<div><label>Last Name<input maxlength="50" name="lastname" type="text" /></label></div>
<div><label>Email Address<input maxlength="200" name="email" type="text" /></label></div>
<div><label>Zip Code <input maxlength="200" name="zipcode" type="text" /></label></div>
<div><label>Areas of Interest (choose all that apply): </label></div>
<div><label><input name="attribute" type="checkbox" value="10391" /> I will attend the banquet</label></div>
<div><label><input name="attribute" type="checkbox" value="10392" /> I would like to be a table captain</label></div>
<div><label><input name="attribute" type="checkbox" value="10393" /> Email me more information</label></div>
<div><label><input name="attribute" type="radio" value="10395" /> Food choice - chicken</label></div>
<div><label><input name="attribute" type="radio" value="10396" /> Food choice - vegetarian</label></div>
<input name="rd" type="hidden" value="http://www.YOURWEBSITE.com/redirectpage-thankyou.html" />
<!-- Value is the text that will show on the submit button -->
<input type="submit" value="Submit Form" />
</form>



 

Are you ready to learn more? Contact Us