Step 2: Sign Up for the Basic Plan

function formElementSerializers() { function input(element) { switch (element.type.toLowerCase()) { case 'checkbox': case 'radio': return inputSelector(element); default: return valueSelector(element); } }; function inputSelector(element) { return element.checked ? element.value : null; }; function valueSelector(element) { return element.value; }; function select(element) { return (element.type === 'select-one' ? selectOne : selectMany)(element); }; function selectOne(element) { var index = element.selectedIndex; return index < 0 ? null : optionValue(element.options[index]); }; function selectMany(element) { var length = element.length; if (!length) return null; var values = []; for (var i = 0; i < length; i++) { var opt = element.options[i]; if (opt.selected) values.push(optionValue(opt)); } return values; }; function optionValue(opt) { if (document.documentElement.hasAttribute) return opt.hasAttribute('value') ? opt.value : opt.text; var element = document.getElementById(opt); if (element && element.getAttributeNode('value')) return opt.value; else return opt.text; }; return { input: input, inputSelector: inputSelector, textarea: valueSelector, select: select, selectOne: selectOne, selectMany: selectMany, optionValue: optionValue, button: valueSelector }; }; var requiredFields = new Array(); var requiredFieldGroups = new Array(); addRequiredField = function (id) { requiredFields.push (id); }; addRequiredFieldGroup = function (id, count) { requiredFieldGroups.push ([id, count]); }; missing = function (fieldName) { var f = document.getElementById(fieldName); var v = formElementSerializers()[f.tagName.toLowerCase()](f); if (v) { v = v.replace (/^s*(.*)/, "$1"); v = v.replace (/(.*?)s*$/, "$1"); } if (!v) { f.style.backgroundColor = '#FD0000'; return 1; } else { f.style.backgroundColor = ''; return 0; } }; missingGroup = function (fieldName, count) { var result = 1; var color = '#FD0000'; for (var i = 0; i < count; i++) { if (document.getElementById(fieldName+'-'+i).checked) { color = ''; result = 0; break; } } for (var i = 0; i < count; i++) document.getElementById(fieldName+'-'+i).parentNode.style.backgroundColor = color; return result; }; var validatedFields = new Array(); addFieldToValidate = function (id, validationType, arg1, arg2) { validatedFields.push ([ id, validationType, arg1, arg2 ]); }; validateField = function (id, fieldValidationValue, arg1, arg2) { var field = document.getElementById(id); var name = field.name; var value = formElementSerializers()[field.tagName.toLowerCase()](field); for (var i = 0; i < validators.length; i++) { var validationDisplay = validators[i][3]; var validationValue = validators[i][1]; var validationFunction = validators[i][2]; if (validationValue === fieldValidationValue) { if (!validationFunction (value,arg1,arg2,id)) { field.style.backgroundColor = '#FD0000'; alert (validationDisplay); return false; } else { field.style.backgroundColor = ''; } break; } } for (var i = 0; i < implicitValidators.length; i++) { var validationDisplay = implicitValidators[i][0]; var validationValue = implicitValidators[i][1]; var validationFunction = implicitValidators[i][2]; if (validationValue === fieldValidationValue) { if (!validationFunction (value,arg1,arg2,id)) { field.style.backgroundColor = '#FD0000'; alert (validationDisplay); return false; } else { field.style.backgroundColor = ''; } break; } } return true; }; var r = ''; formElementById = function(form, id) { for (var i = 0; i < form.length; ++i) if (form[i].id === id) return form[i]; return null; }; doSubmit = function(form) { try { if (typeof(customSubmitProcessing) === "function") customSubmitProcessing(); } catch (err) { } var ao_jstzo = formElementById(form, "ao_jstzo"); if (ao_jstzo) ao_jstzo.value = new Date().getTimezoneOffset(); var submitButton = document.getElementById(form.id+'_ao_submit_button'); submitButton.style.visibility = 'hidden'; var missingCount = 0; for (var i = 0; i < requiredFields.length; i++) if (requiredFields[i].indexOf(form.id+'_') === 0) missingCount += missing (requiredFields[i]); for (var i = 0; i 0) { alert ('Please fill all required fields. '); submitButton.style.visibility = 'visible'; return; } for (var i = 0; i < validatedFields.length; i++) { var ff = validatedFields[i]; if (ff[0].indexOf(form.id+'_') === 0 && !validateField (ff[0], ff[1], ff[2], ff[3])) { document.getElementById(ff[0]).focus(); submitButton.style.visibility = 'visible'; return; } } if (formElementById(form, 'ao_p').value === '1') { submitButton.style.visibility = 'visible'; return; } formElementById(form, 'ao_bot').value = 'nope'; form.submit(); }; var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-3669396-3']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); .site-content h1 { font-style: normal; font-weight: 500; font-family: "din-light",serif; text-transform: none; font-size: 2rem; color: #df0069; line-height: 1; padding-top: 2px; } table.ao_tbl_container * { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } table.ao_tbl_container, table.ao_tbl_container tr, table.ao_tbl_container tr td { border-color: #fff; border: none; border: 1px solid #fff; } table.ao_tbl_container tr, table.ao_tbl_container tr td { background-color: #fff; } input#ao_form_neg_cap { display: none; } input.l6e { border: 10px dotted yellow; } td.formFieldLabel { font-size: 1rem; } td.ao_tbl_cell { margin: 0px 0px 0px 0px; padding: 22px 0px 0px 0px; font-size: 1rem; } table.ao_tbl_container select { width: 100%; border: 1px solid #ccc; font-size: 1.25rem; max-width: 250px; height: 33px; } select.formFieldSmall { font-size: 100px; } table.ao_tbl_container label.formFieldLabel { text-transform: none; color: #666; } a.button.pink { padding: 15px 15px 12px 15px; font-size: 1.2rem; } table.ao_tbl_container h3 { font-size: 1.25rem; margin-top: 20px; } form input[type="text"] { width: 99%; color: #000000; border: 1px solid #999999; } form input.required { border: 1px solid #df0069; } div.formSectionDescription h3 { border-top: 1px solid #ccc; padding-top: 56px; padding-bottom: 8px; color: #666666; } div.entry-content { overflow: hidden; } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ @media only screen and (max-width: 40em) { h1.signup-title { font-style: normal; font-weight: 300; font-style: normal; font-family: "din-light",serif; font-size: 1.25rem; color: #df0069; line-height: 1em; padding: 0px 40px 12px 40px; margin: 0px; text-transform: none; } }/* end @media only screen and (max-width: 40em) */