Get Prices
What Landscaping Locations Do You Need?
$(function(){ $("#demoForm").formwizard({ formPluginEnabled: false, validationEnabled: true, inDuration:.1, outDuration:.1, textNext:'Continue', textSubmit:'Get Quotes', focusFirstInput : true, validationOptions : { errorPlacement: function(error, element) { if(element.closest('.form_field').find('label.error').length == 0){ error.insertBefore( element.closest('.form_field').find('.error_message_holder') ); } } , rules: { Email: { required: true, email: true } }, messages: { Email: { required: "Please specify your email", email: "Please use the format example@domain.com" } } } } ); // function for appending step visualization function addVisualization(id){ $("#step_visualization").append(id) } // initial call to addVisualization (for visualizing the first step) addVisualization($("#demoForm").formwizard("state").currentStep); // bind a callback to the step_shown event $("#demoForm").bind("step_shown", function(event, data){ $("#step_visualization").html(""); $.each(data.activatedSteps, function(){ addVisualization(this) });}); }); jQuery(function($){ $("#phone").mask("(999) 999-9999"); }); function nextStep() { $("#demoForm").formwizard("next"); } $("#demoForm").formwizard("state"); jQuery.extend(jQuery.validator.messages, { required: "This is required.", remote: "Please fix this field.", email: "Please enter a valid email address.", url: "Please enter a valid URL.", date: "Please enter a valid date.", dateISO: "Please enter a valid date (ISO).", number: "Please enter a valid number.", digits: "Please enter only digits.", creditcard: "Please enter a valid credit card number.", equalTo: "Please enter the same value again.", accept: "Please enter a value with a valid extension.", maxlength: jQuery.validator.format("Please enter no more than {0} characters."), minlength: jQuery.validator.format("Please enter at least {0} characters."), rangelength: jQuery.validator.format("Please enter a value between {0} and {1} characters long."), range: jQuery.validator.format("Please enter a value between {0} and {1}."), max: jQuery.validator.format("Please enter a value less than or equal to {0}."), min: jQuery.validator.format("Please enter a value greater than or equal to {0}.") });