/* File layout:
4. client side validation, javascript
5. base ajax code
6. ajax code for form country select list
7. ajax code for form states select list
8. ajax code to call php validate form input
*/
// start client side validation of form input
// check for empty spaces
function doSubmission(){
var first_name = document.getElementById("first_name").value.length;
var last_name = document.getElementById("last_name").value.length;
var company = document.getElementById("company").value.length;
var title = document.getElementById("title").value.length;
var email = document.getElementById("email").value.length;
var phone = document.getElementById("phone").value.length;
var street = document.getElementById("street").value.length;
var city = document.getElementById("city").value.length;
var zip = document.getElementById("zip").value.length;
var revenue = document.getElementById("revenue").value.length;
var industry = document.getElementById("industry").value.length;
var country = document.getElementById("country").value.length;
var errors = 0;
clear_errors();
if (first_name < 1 || first_name > 40 || first_name === undefined){
errors = 1;
addFormError('first_name_tr', 'First Name Required, Maximum 40 Characters');
}
if (last_name < 1 || last_name > 40 || last_name === undefined){
errors = 1;
var location = document.getElementById("last_name_tr");
location++;
addFormError('last_name_tr', 'Last Name Required, Maximum 80 Characters');
}
if (company < 1 || company > 40 || company === undefined){
errors = 1;
addFormError('company_tr', 'Company Name Required, Maximum 40 Characters');
}
if (title < 1 || title > 40 || title === undefined){
errors = 1;
addFormError('title_tr', 'Title Required, Maximum 40 Characters');
}
if (email < 1 || email > 40 || email === undefined){
errors = 1;
addFormError('email_tr', 'Email Required, Maximum 80 Characters');
}
if (phone < 1 || phone > 40 || phone === undefined){
errors = 1;
addFormError('phone_tr', 'Phone Required, Maximum 40 Characters');
}
if (street < 1 || street > 40 || street === undefined){
errors = 1;
addFormError('street_tr', 'Street Required, Maximum 40 Characters');
}
if (city < 1 || city > 40 || city === undefined){
errors = 1;
addFormError('city_tr', 'City Required, Maximum 40 Characters');
}
if (zip < 1 || zip > 40 || zip === undefined){
errors = 1;
addFormError('zip_tr', 'Zip / Postal Code Required, Maximum 40 Characters');
}
if (revenue < 1 || revenue === undefined){
errors = 1;
addFormError('revenue_tr', 'Please select a value of your annual PR budget that you outsource.');
}
if (industry < 1 || industry === undefined){
errors = 1;
addFormError('industry_tr', 'Please select an industry type.');
}
if (country < 1 || country === undefined){
errors = 1;
addFormError('country_tr', 'Please select a country.');
}
if (errors == 0){
doAjaxSubmission();
}
} // end function doSubmission
function addFormError(formPlacement, errorMsg){
var tableRef = document.getElementById("demo_table_tbody");
var newRow = document.getElementById(formPlacement).cloneNode(false);
var fieldRow = document.getElementById(formPlacement);
document.getElementById('demo_table_tbody').insertBefore(newRow,fieldRow);
newRow.setAttribute('id', 'tr_error');
var newCell = newRow.insertCell(0);
var newText = document.createTextNode(errorMsg);
newCell.appendChild(newText);
newCell.style.fontStyle = "italic";
newCell.style.backgroundColor = "yellow";
newCell.setAttribute ('colSpan', '2');
document.getElementById('tr_error').focus();
} // end function addFormError
function clear_errors(){
while (rowRef = document.getElementById("tr_error")){
if(rowRef){
var rowRefIndex = rowRef.rowIndex;
var tableRef = document.getElementById("demo_table");
tableRef.deleteRow(rowRefIndex);
}
}
return true;
} // end function clear_errors
// Ajax base functions
var xmlHttp;
var processfunction;
var receivedXML;
var performCitySearch;
var stateValue;
function loadXMLDoc(URL){
try{
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
try // Internet Explorer
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser does not support AJAX!");
return false;
}
}
}
xmlHttp.onreadystatechange=processReqChange;
xmlHttp.open("GET",URL,true);
//xmlHttp.setRequestHeader("Content-Type", "text/plain;charset=UTF-8");
xmlHttp.send(null);
return(xmlHttp);
} // end function loadXMLDoc
// handle the flow of ajax logic
function processReqChange(){
var div = document.getElementById('please_wait');
div.style.visibility = 'visible';
if (xmlHttp.readyState == 4){ //Complete
if (xmlHttp.status == 200){ // OK
var div = document.getElementById('please_wait');
div.style.visibility = 'hidden';
if (processfunction=='fetchCountries') {
fetchCountries('process');
}else if (processfunction=='fetchStates'){
fetchStates('process');
}else if (processfunction=='doAjaxSubmission'){
doAjaxSubmission('process');
}
}
}
} // end function processReqChange
// generate SELECT list for countries on page load
function fetchCountries(action){
if(action=='process'){
var receivedXML = xmlHttp.responseXML.documentElement; //returns reference to root node of XML doc
var recNodeData = receivedXML.getElementsByTagName('record');
var stateNum, stateName;
offset=0;
if (recNodeData.length>0){
// create select element
var selectTD = document.getElementById("country_select_td");
selectTD.innerHTML='';
var list = document.getElementById("country");
for (var i=0; i
countryNum=recNodeData[i].getElementsByTagName('countryNum')[0].firstChild.data;
countryName=recNodeData[i].getElementsByTagName('countryName')[0].firstChild.data;
var newOptionElement = document.createElement('option');
newOptionElement.value=countryName;
newOptionElement.text=countryName;
try{
list.add(newOptionElement, null);
if (countryName == 'United Kingdom'){
var newOptionElementSelect = document.createElement('option');
newOptionElementSelect.value='';
newOptionElementSelect.text='