Every EZcard has amazing features, unlimited custom tabs, color schemes, multimedia compatibility, advanced marketing and notifications options, and best of all, it's EZ to create and maintain!
');
}
// + ' data-label="Enter Billing Info"'
// + ' data-description="Basic EZcard Plan \(Yearly renewal\)"'
//----------------------------------
//- END - Billing Button Management
//----------------------------------
//--------------------------------
//- Field Border Color Management
//--------------------------------
function setBorderToGreyIfEmpty( p_obj ) {
if ( p_obj.val() == '' ) {
p_obj.css("border", "2px grey solid");
}
}
function setBorderToRedIfEmpty( p_obj ) {
if ( p_obj.val() == '' ) {
p_obj.css("border", "2px red solid");
}
}
//--------------------------------------
//- END - Field Border Color Management
//--------------------------------------
//-----------------------------------
//- Input Validation - Core function
//-----------------------------------
function checkSignupInput(p_field) {
if ( p_field == "npApp" ) {
if(document.getElementById('npApp').checked) {
$('#npMessage').html("Your credit card information will be collected for account creation only and will not be charged. ");
} else {
$('#npMessage').html('');
}
return;
}
var pln = $('input[name=planId]:checked').val();
var oeml = $('#ownerEmail').val();
var ofn = $('#ownerFname').val();
var oln = $('#ownerLname').val();
var ph = $('#phone').val();
var eml = $('#email').val();
var ufn = $('#userFname').val();
var uln = $('#userLname').val();
var cn = $('#companyName').val();
var usr = $('#username').val();
var up1 = $('#password').val();
var up2 = $('#password2').val();
var cost = $('#totalCost').val();
var errCount = 0;
clearButton();
clearErrors();
$('#ownerEmail').css("border", "2px limegreen solid");
$('#ownerFname').css("border", "2px limegreen solid");
$('#ownerLname').css("border", "2px limegreen solid");
$('#phone').css("border", "2px limegreen solid");
$('#email').css("border", "2px limegreen solid");
$('#userFname').css("border", "2px limegreen solid");
$('#userLname').css("border", "2px limegreen solid");
$('#companyName').css("border", "2px limegreen solid");
$('#username').css("border", "2px limegreen solid");
$('#password').css("border", "2px limegreen solid");
$('#password2').css("border", "2px limegreen solid");
if ( pln == "" || ofn == "" || oln == "" || ph == "" || oeml == "" || eml == "" || usr == "" || up1 == "" || up2 == "" ) {
errCount++;
clearButton();
// if ( pln == "" && ofn == "" && oln == "" && ph == "" && oeml == "" && eml == "" && usr == "" && up1 == "" && up2 == "" && cn == "" && ufn == "" && uln == "" ) {
// return; // fresh start
// }
setBorderToRedIfEmpty( $('#ownerEmail') );
setBorderToRedIfEmpty( $('#ownerFname') );
setBorderToRedIfEmpty( $('#ownerLname') );
setBorderToRedIfEmpty( $('#phone') );
setBorderToRedIfEmpty( $('#email') );
if ( cn == "" ) {
setBorderToRedIfEmpty( $('#userFname') );
setBorderToRedIfEmpty( $('#userLname') );
} else {
setBorderToGreyIfEmpty( $('#userFname') );
setBorderToGreyIfEmpty( $('#userLname') );
}
if ( ufn == "" || uln == "" ) {
setBorderToRedIfEmpty( $('#companyName') );
} else {
setBorderToGreyIfEmpty( $('#companyName') );
}
setBorderToRedIfEmpty( $('#username') );
setBorderToRedIfEmpty( $('#password') );
setBorderToRedIfEmpty( $('#password2') );
if ( pln == "" ) {
clearButtonWithPurchaseError( 'Please select a plan.' );
errCount++;
}
}
if ( cn == "" && (ufn == "" || uln == "") ) {
clearButton();
}
if ( p_field == "ownerFname" && ofn != '' ) {
//alert( "ufn=" + ufn + " ofn=" + ofn );
if ( ufn.length == 0 ) {
$('#userFname').val(ofn);
$('#userFname').css("border", "2px limegreen solid");
}
}
if ( p_field == "ownerLname" && oln != '' ) {
//alert( "uln=" + uln + " oln=" + oln );
// if ( $('#userLname').val() == '' ) {
if ( uln.length == 0 ) {
$('#userLname').val(oln);
$('#userLname').css("border", "2px limegreen solid");
}
}
if ( p_field == "phone" && ph != '' ) {
if ( ($.isNumeric(ph) && ph.length > 10 && ! ph.includes("-") ) || ( !$.isNumeric(ph) && ph.length > 12 && ph.includes("-") ) ) {
clearButtonWithOwnerError( 'Invalid mobile number. Must be 10 digits including area code.' );
$('#phone').css("border", "2px red solid");
$('#phone').val('');
$('#phone').focus();
errCount++;
}
}
if ( p_field == "email" && eml != '' ) {
// var valid_email_tf = /^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/.test(eml);
// if ( valid_email_tf == 0 ) {
if ( ! isValidEmail_TF(eml) ) {
clearButtonWithUserPassError( 'Please enter a valid email address.' );
$('#email').css("border", "2px red solid");
$('#email').focus();
errCount++;
}
}
if ( p_field == "ownerEmail" && oeml != '' ) {
// var valid_email_tf = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(eml); //more lenient
// var valid_email_tf = /^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/.test(eml);
// if ( valid_email_tf == 0 ) {
if ( ! isValidEmail_TF(oeml) ) {
//alert('valid_email_tf: ' + valid_email_tf);
clearButtonWithOwnerError( 'Please enter a valid email address.' );
$('#ownerEmail').css("border", "2px red solid");
$('#ownerEmail').focus();
errCount++;
} else {
$.get( "util/oec.php?e=" + oeml, function( data ) {
if ( data != 0 ) {
//alert('oops');
errCount++;
clearButtonWithOwnerError( 'You are trying to use an owner email that is already in our system. If this is your account, please login under your primary account and use the backoffice order system to set up a new EZcard. Otherwise, enter a new owner email address to start fresh and create an account from this page.' );
$('#ownerEmail').css("border", "2px red solid");
$('#ownerEmail').val('');
$('#ownerEmail').focus();
} else {
$('#ownerEmail').css("border", "2px limegreen solid");
$('#email').val(oeml);
$('#email').css("border", "2px limegreen solid");
clearErrors();
}
});
}
}
if ( p_field == "username" && usr != '' ) {
var valid_user_tf = /^[a-zA-Z0-9]/.test(usr);
//alert('valid_user_tf: ' + valid_user_tf);
if ( valid_user_tf == 0 ) {
clearButtonWithUserPassError("Invalid username. Usernames must begin with a letter or number.");
$('#username').css("border", "2px red solid");
$('#username').val('');
$('#username').focus();
errCount++;
}
$.get( "util/uc.php?u=" + usr, function( data ) {
if ( data != 0 ) {
clearButtonWithUserPassError( 'Sorry, username ("' + usr + '") is already taken.' );
$('#username').css("border", "2px red solid");
$('#username').val('');
$('#username').focus();
errCount++;
} else {
$('#username').css("border", "2px limegreen solid");
clearErrors();
}
});
}
if ( p_field == "password" ) {
if ( up1 != '' && up1.length < 8 ) {
clearButtonWithUserPassError( 'Password must be at least 8 characters.' );
$('#password').css("border", "2px red solid");
$('#password').focus();
errCount++;
}
}
if ( p_field == "password2" ) {
if ( up1 != '' && up2 != '' && up1 != up2 ) {
clearButtonWithUserPassError( 'Passwords do not match.' );
$('#password').css("border", "2px red solid");
$('#password2').css("border", "2px red solid");
errCount++;
}
}
if ( $('input[name="planId"]:checked').length == 0) {
errCount++;
}
if ( errCount == 0 ) {
//alert('calling showButton()');
showButton();
}
} //END function - CheckSignupInput()
//-----------------------------------------
//- END - Input Validation - Core function
//-----------------------------------------
//------------------------------------
//- Field Change Detection and Action
//------------------------------------
$('#npApp').change(function(){
checkSignupInput('npApp');
});
$('#ownerEmail').change(function(){
checkSignupInput('ownerEmail');
});
$('#ownerFname').change(function(){
checkSignupInput('ownerFname');
});
$('#ownerLname').change(function(){
checkSignupInput('ownerLname');
});
$('#phone').change(function(){
checkSignupInput('phone');
});
$('#email').change(function(){
checkSignupInput('email');
});
$('#userFname').change(function(){
checkSignupInput('userFname');
});
$('#userLname').change(function(){
checkSignupInput(userLname);
});
$('#companyName').change(function(){
checkSignupInput('companyName');
});
$('#username').change(function(){
checkSignupInput('username');
});
$('#password').change(function(){
checkSignupInput('password');
});
$('#password2').change(function(){
checkSignupInput('password2');
});
$('#planId_39').change(function(){
checkSignupInput('planId_39');
});
$('#planId_24').change(function(){
checkSignupInput('planId_24');
});
//------------------------------------------
//- END - Field Change Detection and Action
//------------------------------------------