/*
Quicksand 1.2.2
Reorder and filter items with a nice shuffling animation.
Copyright (c) 2010 Jacek Galanciak (razorjack.net) and agilope.com
Big thanks for Piotr Petrus (riddle.pl) for deep code review and wonderful docs & demos.
Dual licensed under the MIT and GPL version 2 licenses.
//github.com/jquery/jquery/blob/master/MIT-LICENSE.txt
//github.com/jquery/jquery/blob/master/GPL-LICENSE.txt
Project site: //razorjack.net/quicksand
Github site: //github.com/razorjack/quicksand
*/
(function ($) {
$.fn.quicksand = function (collection, customOptions) {
var options = {
duration: 750,
easing: 'swing',
attribute: 'data-id', // attribute to recognize same items within source and dest
adjustHeight: 'auto', // 'dynamic' animates height during shuffling (slow), 'auto' adjusts it before or after the animation, false leaves height constant
useScaling: true, // disable it if you're not using scaling effect or want to improve performance
enhancement: function(c) {}, // Visual enhacement (eg. font replacement) function for cloned elements
selector: '> *',
dx: 0,
dy: 0
};
$.extend(options, customOptions);
if ($.browser.msie || (typeof($.fn.scale) == 'undefined')) {
// Got IE and want scaling effect? Kiss my ass.
options.useScaling = false;
}
var callbackFunction;
if (typeof(arguments[1]) == 'function') {
var callbackFunction = arguments[1];
} else if (typeof(arguments[2] == 'function')) {
var callbackFunction = arguments[2];
}
return this.each(function (i) {
var val;
var animationQueue = []; // used to store all the animation params before starting the animation; solves initial animation slowdowns
var $collection = $(collection).clone(); // destination (target) collection
var $sourceParent = $(this); // source, the visible container of source collection
var sourceHeight = $(this).css('height'); // used to keep height and document flow during the animation
var destHeight;
var adjustHeightOnCallback = false;
var offset = $($sourceParent).offset(); // offset of visible container, used in animation calculations
var offsets = []; // coordinates of every source collection item
var $source = $(this).find(options.selector); // source collection items
// Replace the collection and quit if IE6
if ($.browser.msie && $.browser.version.substr(0,1)<7) {
$sourceParent.html('').append($collection);
return;
}
// Gets called when any animation is finished
var postCallbackPerformed = 0; // prevents the function from being called more than one time
var postCallback = function () {
if (!postCallbackPerformed) {
postCallbackPerformed = 1;
// hack:
// used to be: $sourceParent.html($dest.html()); // put target HTML into visible source container
// but new webkit builds cause flickering when replacing the collections
$toDelete = $sourceParent.find('> *');
$sourceParent.prepend($dest.find('> *'));
$toDelete.remove();
if (adjustHeightOnCallback) {
$sourceParent.css('height', destHeight);
}
options.enhancement($sourceParent); // Perform custom visual enhancements on a newly replaced collection
if (typeof callbackFunction == 'function') {
callbackFunction.call(this);
}
}
};
// Position: relative situations
var $correctionParent = $sourceParent.offsetParent();
var correctionOffset = $correctionParent.offset();
if ($correctionParent.css('position') == 'relative') {
if ($correctionParent.get(0).nodeName.toLowerCase() == 'body') {
} else {
correctionOffset.top += (parseFloat($correctionParent.css('border-top-width')) || 0);
correctionOffset.left +=( parseFloat($correctionParent.css('border-left-width')) || 0);
}
} else {
correctionOffset.top -= (parseFloat($correctionParent.css('border-top-width')) || 0);
correctionOffset.left -= (parseFloat($correctionParent.css('border-left-width')) || 0);
correctionOffset.top -= (parseFloat($correctionParent.css('margin-top')) || 0);
correctionOffset.left -= (parseFloat($correctionParent.css('margin-left')) || 0);
}
// perform custom corrections from options (use when Quicksand fails to detect proper correction)
if (isNaN(correctionOffset.left)) {
correctionOffset.left = 0;
}
if (isNaN(correctionOffset.top)) {
correctionOffset.top = 0;
}
correctionOffset.left -= options.dx;
correctionOffset.top -= options.dy;
// keeps nodes after source container, holding their position
$sourceParent.css('height', $(this).height());
// get positions of source collections
$source.each(function (i) {
offsets[i] = $(this).offset();
});
// stops previous animations on source container
$(this).stop();
var dx = 0; var dy = 0;
$source.each(function (i) {
$(this).stop(); // stop animation of collection items
var rawObj = $(this).get(0);
if (rawObj.style.position == 'absolute') {
dx = -options.dx;
dy = -options.dy;
} else {
dx = options.dx;
dy = options.dy;
}
rawObj.style.position = 'absolute';
rawObj.style.margin = '0';
rawObj.style.top = (offsets[i].top - parseFloat(rawObj.style.marginTop) - correctionOffset.top + dy) + 'px';
rawObj.style.left = (offsets[i].left - parseFloat(rawObj.style.marginLeft) - correctionOffset.left + dx) + 'px';
});
// create temporary container with destination collection
var $dest = $($sourceParent).clone();
var rawDest = $dest.get(0);
rawDest.innerHTML = '';
rawDest.setAttribute('id', '');
rawDest.style.height = 'auto';
rawDest.style.width = $sourceParent.width() + 'px';
$dest.append($collection);
// insert node into HTML
// Note that the node is under visible source container in the exactly same position
// The browser render all the items without showing them (opacity: 0.0)
// No offset calculations are needed, the browser just extracts position from underlayered destination items
// and sets animation to destination positions.
$dest.insertBefore($sourceParent);
$dest.css('opacity', 0.0);
rawDest.style.zIndex = -1;
rawDest.style.margin = '0';
rawDest.style.position = 'absolute';
rawDest.style.top = offset.top - correctionOffset.top + 'px';
rawDest.style.left = offset.left - correctionOffset.left + 'px';
if (options.adjustHeight === 'dynamic') {
// If destination container has different height than source container
// the height can be animated, adjusting it to destination height
$sourceParent.animate({height: $dest.height()}, options.duration, options.easing);
} else if (options.adjustHeight === 'auto') {
destHeight = $dest.height();
if (parseFloat(sourceHeight) < parseFloat(destHeight)) {
// Adjust the height now so that the items don't move out of the container
$sourceParent.css('height', destHeight);
} else {
// Adjust later, on callback
adjustHeightOnCallback = true;
}
}
// Now it's time to do shuffling animation
// First of all, we need to identify same elements within source and destination collections
$source.each(function (i) {
var destElement = [];
if (typeof(options.attribute) == 'function') {
val = options.attribute($(this));
$collection.each(function() {
if (options.attribute(this) == val) {
destElement = $(this);
return false;
}
});
} else {
destElement = $collection.filter('[' + options.attribute + '=' + $(this).attr(options.attribute) + ']');
}
if (destElement.length) {
// The item is both in source and destination collections
// It it's under different position, let's move it
if (!options.useScaling) {
animationQueue.push(
{
element: $(this),
animation:
{top: destElement.offset().top - correctionOffset.top,
left: destElement.offset().left - correctionOffset.left,
opacity: 1.0
}
});
} else {
animationQueue.push({
element: $(this),
animation: {top: destElement.offset().top - correctionOffset.top,
left: destElement.offset().left - correctionOffset.left,
opacity: 1.0,
scale: '1.0'
}
});
}
} else {
// The item from source collection is not present in destination collections
// Let's remove it
if (!options.useScaling) {
animationQueue.push({element: $(this),
animation: {opacity: '0.0'}});
} else {
animationQueue.push({element: $(this), animation: {opacity: '0.0',
scale: '0.0'}});
}
}
});
$collection.each(function (i) {
// Grab all items from target collection not present in visible source collection
var sourceElement = [];
var destElement = [];
if (typeof(options.attribute) == 'function') {
val = options.attribute($(this));
$source.each(function() {
if (options.attribute(this) == val) {
sourceElement = $(this);
return false;
}
});
$collection.each(function() {
if (options.attribute(this) == val) {
destElement = $(this);
return false;
}
});
} else {
sourceElement = $source.filter('[' + options.attribute + '=' + $(this).attr(options.attribute) + ']');
destElement = $collection.filter('[' + options.attribute + '=' + $(this).attr(options.attribute) + ']');
}
var animationOptions;
if (sourceElement.length === 0) {
// No such element in source collection...
if (!options.useScaling) {
animationOptions = {
opacity: '1.0'
};
} else {
animationOptions = {
opacity: '1.0',
scale: '1.0'
};
}
// Let's create it
d = destElement.clone();
var rawDestElement = d.get(0);
rawDestElement.style.position = 'absolute';
rawDestElement.style.margin = '0';
rawDestElement.style.top = destElement.offset().top - correctionOffset.top + 'px';
rawDestElement.style.left = destElement.offset().left - correctionOffset.left + 'px';
d.css('opacity', 0.0); // IE
if (options.useScaling) {
d.css('transform', 'scale(0.0)');
}
d.appendTo($sourceParent);
animationQueue.push({element: $(d),
animation: animationOptions});
}
});
$dest.remove();
options.enhancement($sourceParent); // Perform custom visual enhancements during the animation
for (i = 0; i < animationQueue.length; i++) {
animationQueue[i].element.animate(animationQueue[i].animation, options.duration, options.easing, postCallback);
}
});
};
})(jQuery);
jQuery(document).ready(function($){
if (jQuery().quicksand) {
// Clone applications to get a second collection
var $data = $(".portfolio").clone();
//NOTE: Only filter on the main portfolio page, not on the subcategory pages
$('.filter li').click(function(e) {
$(".filter li").removeClass("active");
// Use the last category class as the category to filter by. This means that multiple categories are not supported (yet)
var filterClass=$(this).attr('class').split(' ').slice(-1)[0];
if (filterClass == 'all') {
var $filteredData = $data.find('.item-thumbs');
} else {
var $filteredData = $data.find('.item-thumbs[data-type=' + filterClass + ']');
}
$(".portfolio").quicksand($filteredData, {
duration: 600,
adjustHeight: 'auto'
}, function () {
// Portfolio hover
jQuery('ul.da-thumbs > li').hoverdir();
// Portfolio fancybox
$(".fancybox").fancybox({
padding : 0,
beforeShow: function () {
this.title = $(this.element).attr('title');
this.title = '
";
$(parentForm).find('img').parent().parent().prepend(errorDisplay);
}
}
});
}
};
my.collectFormData = function (formElement) {
///
/// get form data from the page.
///
/// The form elements in DOM
var fieldInfo = [];
var fieldResult;
//iterate overfields to get field data.
$.each(formElement.find('.control-label'), function (index, element) {
var elementType = my.getFieldTypeOfElement(element); //field type
var fieldName = my.getFieldNameOfElement(element, elementType, false); //fieldname
var fieldValue = my.getFieldValueOfElement(element, elementType); //fieldvalue
var fieldInfoEntry = { Type: elementType, Name: fieldName, Value: fieldValue };
fieldInfo.push(fieldInfoEntry);
});
//Hidden field values collect separately as it's not included in .control label
$.each(formElement.find("[type='hidden']"), function (index, element) {
fieldInfo.push({ Type: "Hidden", Name: $(element).attr('name'), Value: $(element).val() });
});
return fieldInfo;
};
my.getFieldTypeOfElement = function (element) {
///
/// get element field type
///
/// The field element in form
//Drop down
var dropdownElement = $(element).parent().find('select');
if (dropdownElement.length > 0) { return my.FieldType.Dropdown; }
//Checkbox
var checkBoxElement = $(element).parent().find(".checkbox");
if (checkBoxElement.length > 0) { return my.FieldType.Checkbox; }
//Radio
var radioElement = $(element).parent().find(".radio");
if (radioElement.length > 0) { return my.FieldType.Radio; }
//Captcha
var captchaElement = $(element).parent().find("img");
if (captchaElement.length > 0) { return my.FieldType.Captcha; }
//else check for other types
var fieldType;
var inputField = $(element).parent().find("input");
if (inputField.length !== 0) //Name , Email ,Text ,Address
{
//iterate to get subfields
$.each(inputField, function (index, inputItems) {
var subFieldtype = my.getSubFieldType($(inputItems).attr("name"));
fieldType = my.getFieldType(subFieldtype);
});
return fieldType;
}
else //message field
{
var textArea = $(element).parent().find("textarea");
if ($(textArea).length > 0) { return my.FieldType.Message; }
}
return "";
};
my.getFieldNameOfElement = function (element, fieldType, validationPurpose) {
///
/// get field name
///
/// The field element in form
/// The field type
/// The flag for validationUsage
var fieldName;
if (fieldType == my.FieldType.Checkbox) //field name for checkbox
{
if (!validationPurpose) {
fieldName = my.getCheckboxFieldName(element);
}
else {
fieldName = $(element).html().trim();
}
}
else if (fieldType == my.FieldType.Radio) //field name for radio
{
if (!validationPurpose) {
fieldName = my.getRadioFieldName(element);
}
else {
fieldName = $(element).html().trim();
}
}
else if (fieldType == my.FieldType.Captcha) //field name for captcha
{
fieldName = my.getCaptchaFieldName(element);
}
else {
fieldName = $(element).html().trim();
}
//field anme
if (!validationPurpose) {
if (my.getRequiredStatus(fieldName)) {
//remove last character from label (exclude *)
fieldName = fieldName.substring(0, fieldName.length - 1); // get the last char of the original string
}
}
return fieldName;
};
my.getCaptchaFieldName = function (element) {
///
/// Captcha field name
///
/// The field element in form
//iterate to get subfields
var inputField = $(element).parent().find("input[type='text']");
if ($(inputField).length > 0) {
var fieldName = $(inputField).attr('name');
return fieldName;
}
return "Undefined";
};
my.getCheckboxFieldName = function (element) {
///
/// Checkbox field name
///
/// The field element in form
//iterate to get subfields
var inputField = $(element).parent().find("input[type='checkbox']");
if ($(inputField).length > 0) {
var fieldName = $(inputField).attr('name');
return fieldName;
}
return "Undefined";
};
my.getRadioFieldName = function (element) {
///
/// Radio field name
///
/// The field element in form
//iterate to get subfields
var inputField = $(element).parent().find("input[type='radio']");
if ($(inputField).length > 0) {
var fieldName = $(inputField).attr('name');
return fieldName;
}
return "Undefined";
};
my.getFieldValueOfElement = function (element, fieldType) {
///
/// field values submitted
///
/// The field element in form
/// The field type
var fieldValue;
if (fieldType == my.FieldType.Dropdown) //drop down selected value
{
fieldValue = my.getDropdownFieldValue(element);
}
else if (fieldType == my.FieldType.Text) {
fieldValue = my.getFieldValues(element);
}
else if (fieldType == my.FieldType.Message) {
fieldValue = my.getMessageFieldValue(element);
}
else if (fieldType == my.FieldType.Name) {
fieldValue = my.getFieldValues(element);
}
else if (fieldType == my.FieldType.Address) {
fieldValue = my.getFieldValues(element);
}
else if (fieldType == my.FieldType.Email) {
fieldValue = my.getFieldValues(element);
}
else if (fieldType == my.FieldType.Checkbox) {
fieldValue = my.getCheckboxFieldValue(element);
}
else if (fieldType == my.FieldType.Radio) {
return fieldValue = my.getRadioFieldValue(element);
}
else if (fieldType == my.FieldType.Captcha) {
return fieldValue = my.getFieldValues(element);
}
return fieldValue;
};
my.getDropdownFieldValue = function (element) {
///
/// Dropdown selected value
///
/// The field element in form
var optionElement = $(element).parent().find('select');
var selectedElement = $(optionElement).children(':selected');
if ($(selectedElement).length > 0) {
var selectedIndex = $(optionElement).children(':selected').index();
if (selectedIndex == 0)
{ return ""; }
else {
return $(selectedElement).html().trim();
}
}
};
my.getFieldValues = function (element) {
///
/// Text,Name,Address,Email field value
///
/// The field element in form
//iterate to get subfields
var fieldResult;
var fieldData = [];
var inputField = $(element).parent().find("input");
$.each(inputField, function (index, inputItems) {
fieldResult = $(inputItems).val();
fieldData.push(fieldResult);
});
return fieldData;
};
my.getMessageFieldValue = function (element) {
///
/// Message field value
///
/// The field element in form
//iterate to get subfields
var fieldResult;
var fieldData = [];
var inputField = $(element).parent().find("textarea");
$.each(inputField, function (index, inputItems) {
fieldResult = $(inputItems).val();
fieldData.push(fieldResult);
});
return fieldData;
};
my.getCheckboxFieldValue = function (element) {
///
/// Checkbox field value
///
/// The field element in form
var selectdValue;
var fieldData = [];
var checkElements = $(element).parent().find("input[type='checkbox']");
$.each(checkElements, function (index, inputItems) {
selectdValue = $(inputItems).is(":checked") ? $(inputItems).val() : null;
if (selectdValue != null)
{ fieldData.push(selectdValue); }
});
return fieldData;
};
my.getRadioFieldValue = function (element) {
///
/// Radio field value
///
/// The field element in form
var selectdValue;
var fieldData = [];
var radioElements = $(element).parent().find("input[type='radio']");
$.each(radioElements, function (index, inputItems) {
selectdValue = $(inputItems).is(":checked") ? $(inputItems).val() : null;
if (selectdValue != null)
{ fieldData.push(selectdValue); }
});
return fieldData;
};
my.validateFormFields = function (formElement) {
///
/// Validate form fields
///
/// The form element in page
var formValidity = true;
//iterate overfields to get field data.
$.each(formElement.find('.control-label'), function (index, element) {
//clear/remove validation messages if any
$(element).parent().find("[class='span12 errorField']").remove();
var elementType = my.getFieldTypeOfElement(element); //field type
var fieldName = my.getFieldNameOfElement(element, elementType, true); //fieldname
var requiredStatus;
if (elementType == my.FieldType.Captcha)
{ requiredStatus = true; }
else { requiredStatus = my.getRequiredStatus(fieldName); }
var formValid = true;
if (fieldName !== null) {
if (elementType == my.FieldType.Dropdown) {
formValid = my.setDropdownValidationStyle(element, fieldName, requiredStatus);
}
else if (elementType == my.FieldType.Radio) {
formValid = my.setRadioValidationStyle(element, fieldName, requiredStatus);
}
else if (elementType == my.FieldType.Checkbox) {
formValid = my.setCheckboxValidationStyle(element, fieldName, requiredStatus);
}
else if (elementType == my.FieldType.Message) {
formValid = my.setMessageValidationStyle(element, fieldName, requiredStatus);
}
else if (elementType == my.FieldType.Captcha) {
formValid = my.setCaptchaValidationStyle(element, fieldName, requiredStatus);
}
else {
formValid = my.setValidationStyle(element, fieldName, requiredStatus);
}
}
formValidity = formValid && formValidity; //form valid flag
});
return formValidity;
};
my.setRadioValidationStyle = function (element, fieldName, required) {
///
/// Validation error style for radio field
///
/// The element in form
/// The element name
/// The element required status
var formValid = true;
if (required) {
var radioElements = $(element).parent().find("input[type='radio']");
//remove prevoius errors if any
$(radioElements).parent().parent().find("[class='errorField']").remove();
var hasSelected = false;
$.each(radioElements, function (index, inputItems) {
selectdValue = $(inputItems).is(":checked") ? true : null;
if (selectdValue != null) {
hasSelected = true;
}
});
if (!hasSelected) {
//add error field
$(radioElements).parent().parent().prepend("
" + fieldName.substring(0, fieldName.length - 1) + " is required.
");
formValid = false;
}
}
return formValid;
};
my.setCheckboxValidationStyle = function (element, fieldName, required) {
///
/// Validation error style for checkbox field
///
/// The element in form
/// The element name
/// The element required status
var formValid = true;
if (required) {
var checkElements = $(element).parent().find("input[type='checkbox']");
//remove prevoius errors if any
$(checkElements).parent().parent().find("[class='errorField']").remove();
var hasSelected = false;
$.each(checkElements, function (index, inputItems) {
selectdValue = $(inputItems).is(":checked") ? true : null;
if (selectdValue != null) {
hasSelected = true;
}
});
if (!hasSelected) {
//add error field
$(checkElements).parent().parent().prepend("
" + fieldName.substring(0, fieldName.length - 1) + " is required.
");
formValid = false;
}
}
return formValid;
};
my.setDropdownValidationStyle = function (element, fieldName, required) {
///
/// Validation error style for dropdown field
///
/// The element in form
/// The element name
/// The element required status
var formValid = true;
var optionElement = $(element).parent().find('select');
var selectedIndex = $(optionElement).children(':selected').index();
if (required) {
if (selectedIndex == 0) {
formValid = false;
//remove prevoius errors if any
$(optionElement).parent().find("[class='span12 errorField']").remove();
//add error field
$(optionElement).parent().prepend("
" + fieldName.substring(0, fieldName.length - 1) + " is required.
");
}
}
return formValid;
};
my.setValidationStyle = function (element, fieldName, required) {
///
/// Validation error style for input fields (Text,Message,Name,Email)
///
/// The element in form
/// The element name
/// The element required status
var formValid = true;
//get input
var inputField = $(element).parent().find("input");
if (inputField.length !== 0) {
//iterate to get subfields
$.each(inputField, function (index, inputItems) {
//remove validation styles for input field
$(inputItems).removeAttr("style");
//check validity
var subFieldtype = my.getSubFieldType($(inputItems).attr("name"));
var fieldValidStatus = my.checkFieldValidity(subFieldtype, $(inputItems).val(), required);
//invalid
if (!fieldValidStatus) {
formValid = false;
//remove prevoius errors if any
$(element).parent().find("[class='span12 errorField']").remove();
if (subFieldtype.toLowerCase() == "email" && $(inputItems).val() !== "") {
//email should be invalid
$(element).parent().prepend("
" + fieldName.substring(0, fieldName.length - 1) + " is invalid.
");
}
else {
//add error field
$(element).parent().prepend("
" + fieldName.substring(0, fieldName.length - 1) + " is required.
");
}
}
});
}
return formValid;
};
my.setCaptchaValidationStyle = function (element, fieldName, required) {
///
/// Validation error style for captcha
///
/// The element in form
/// The element name
/// The element required status
var formValid = false;
var captchaElementInput = $(element).parent().find('input');
if (required) {
if (captchaElementInput.length !== 0) {
if ($(captchaElementInput).val().trim() == "") {
formValid = false;
//remove prevoius errors if any
$(element).parent().find("[class='span12 errorField']").remove();
//add error field
$(element).parent().prepend("
" + "This field" + " is required.
");
}
else
{ formValid = true; }
}
}
return formValid;
};
my.setMessageValidationStyle = function (element, fieldName, required) {
///
/// Validation error style for Message fields.
///
/// The element in form
/// The element name
/// The element required status
var formValid = true;
var textArea = $(element).parent().find("textarea");
var id = $(textArea).attr("name");
if (id != null) {
//remove validation styles
$(textArea).removeAttr("style");
//check validity
var subFieldtype = my.getSubFieldType(id);
var fieldValidStatus = my.checkFieldValidity(subFieldtype, $(textArea).val(), required);
if (!fieldValidStatus) {
formValid = false;
//remove prevoius errors if any
$(element).parent().find("[class='span12 errorField']").remove();
//add error field
$(element).parent().prepend("
" + fieldName.substring(0, fieldName.length - 1) + " is required.
");
}
}
return formValid;
};
my.getFieldType = function (subfieldName) {
///
/// get field name from subfield.
///
/// The subfieldname inside element.
//first name
if (subfieldName.toLowerCase().indexOf("firstname") >= 0) {
return my.FieldType.Name;
}
//last name
else if (subfieldName.toLowerCase().indexOf("lastname") >= 0) {
return my.FieldType.Name;
}
//Address
else if (subfieldName.toLowerCase().indexOf("address") >= 0) {
return my.FieldType.Address;
}
//city
else if (subfieldName.toLowerCase().indexOf("city") >= 0) {
return my.FieldType.Address;
}
//country
else if (subfieldName.toLowerCase().indexOf("country") >= 0) {
return my.FieldType.Address;
}
//text
else if (subfieldName.toLowerCase().indexOf("text") >= 0) {
return my.FieldType.Text;
}
//message
else if (subfieldName.toLowerCase().indexOf("message") >= 0) {
return my.FieldType.Message;
}
//email
else if (subfieldName.toLowerCase().indexOf("email") >= 0) {
return my.FieldType.Email;
}
};
my.getSubFieldType = function (subfieldName) {
///
/// get subfield type from field name.
///
/// The subfieldname inside element.
if (subfieldName == null) {
return "message";
}
//first name
if (subfieldName.toLowerCase().indexOf("firstname") >= 0) {
return "firstname";
}
//last name
else if (subfieldName.toLowerCase().indexOf("lastname") >= 0) {
return "lastname";
}
//Address
else if (subfieldName.toLowerCase().indexOf("address") >= 0) {
return "address";
}
//city
else if (subfieldName.toLowerCase().indexOf("city") >= 0) {
return "city";
}
//country
else if (subfieldName.toLowerCase().indexOf("country") >= 0) {
return "country";
}
//text
else if (subfieldName.toLowerCase().indexOf("text") >= 0) {
return "text";
}
//message
else if (subfieldName.toLowerCase().indexOf("message") >= 0) {
return "message";
}
//email
else if (subfieldName.toLowerCase().indexOf("email") >= 0) {
return "email";
}
};
my.checkFieldValidity = function (fieldName, fieldValue, requiredStatus) {
///
/// get required status for field.
///
/// The fieldname
/// The fieldvalue
/// The required field status
var validFlag = true;
if (requiredStatus) //required fields
{
//First name field validation
if (fieldName.toLowerCase() == "firstname") {
validFlag = (fieldValue.trim() !== "") ? true : false;
}
//Last name field validation
else if (fieldName.toLowerCase() == "lastname") {
validFlag = (fieldValue.trim() !== "") ? true : false;
}
//Address
else if (fieldName.toLowerCase() == "address") {
validFlag = (fieldValue.trim() !== "") ? true : false;
}
//city
else if (fieldName.toLowerCase() == "city") {
validFlag = (fieldValue.trim() !== "") ? true : false;
}
//text
else if (fieldName.toLowerCase() == "text") {
validFlag = (fieldValue.trim() !== "") ? true : false;
}
//message
else if (fieldName.toLowerCase() == "message") {
validFlag = (fieldValue.trim() !== "") ? true : false;
}
//email
else if (fieldName.toLowerCase() == "email") {
validFlag = (fieldValue.trim() !== "") ? true : false;
}
else {
validFlag = true;
}
}
//check for email validity
if (fieldName.toLowerCase() == "email") {
//email
if (fieldValue.trim() !== "") {
if (!my.isValidEmailAddress(fieldValue.trim())) {
validFlag = false;
}
}
}
return validFlag;
};
my.isValidEmailAddress = function (emailAddress) {
///
/// email validation
///
/// The emailaddress entered
var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i);
return pattern.test(emailAddress);
};
my.getRequiredStatus = function (fieldLabel) {
///
/// get required status for field
///
/// The fieldlabel
var requiredStatus = true;
try {
var lastCharacter = fieldLabel.charAt(fieldLabel.length - 1);
requiredStatus = (lastCharacter == "*") ? true : false;
return requiredStatus;
}
catch (Error) {
return false;
}
};
return my;
} (jQuery));
$(document).ready(function () {
SquareHook.FormSubmission.Initialize();
});
Create your Free Site!