Abilene Tree Service

@keyframes slideDownFadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.validation-error-message{color:#D8000C;font-size:.8em;margin-top:5px;display:block;animation:slideDownFadeIn 0.3s ease-out forwards}.elementor-field.validation-error,textarea.validation-error{border-color:#D8000C!important;box-shadow:0 0 5px rgb(216 0 12 / .5)} window.addEventListener('load',function(){const formWrapper=document.querySelector('.elementor-form[name="New Form"]');if(!formWrapper){console.warn('Elementor form wrapper for validation not found.');return} const form=formWrapper;const submitButton=form.querySelector('button[type="submit"]');if(!submitButton){console.warn('Elementor submit button not found inside the wrapper.');return} const validationRules={'form-field-ct_fName':{regex:/^(?!.*[bcdfghjklmnpqrstvwxzBCDFGHJKLMNPQRSTVWXZ]{5})[a-zA-Z'-\s]{2,35}$/,message:'Please enter a valid first name.'},'form-field-ct_lName':{regex:/^(?!.*[bcdfghjklmnpqrstvwxzBCDFGHJKLMNPQRSTVWXZ]{5})[a-zA-Z'-\s]{2,35}$/,message:'Please enter a valid last name.'},'form-field-ct_pNumber':{regex:/^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/,message:'Please enter a valid phone number.'},'form-field-ct_email':{regex:/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,message:'Please enter a valid email address.'},'form-field-ct_street':{regex:/^[a-zA-Z0-9\s.,#-]+$/,message:'Please use valid characters for the street address.'},'form-field-ct_city':{regex:/^[a-zA-Z\s-]+$/,message:'Please enter a valid city name.'},'form-field-ct_zCode':{regex:/^\d{5}(-\d{4})?$/,message:'Please enter a valid 5 or 9-digit zip code.'}};function clearAllErrors(){const errorMessages=form.querySelectorAll('.validation-error-message');errorMessages.forEach(msg=>msg.remove());const errorFields=form.querySelectorAll('.validation-error');errorFields.forEach(field=>field.classList.remove('validation-error'))}function clearErrorForField(field){const fieldGroup=field.closest('.elementor-field-group');const existingError=fieldGroup.querySelector('.validation-error-message');if(existingError){existingError.remove()} field.classList.remove('validation-error')}function showError(field,message){clearErrorForField(field);field.classList.add('validation-error');const error=document.createElement('span');error.className='validation-error-message';error.textContent=message;field.closest('.elementor-field-group').appendChild(error)}for(const fieldId in validationRules){const field=document.getElementById(fieldId);if(field){field.addEventListener('input',function(){const rule=validationRules[fieldId];if(field.value&&!rule.regex.test(field.value)){showError(field,rule.message)}else{clearErrorForField(field)}})}}submitButton.addEventListener('click',function(event){clearAllErrors();let isFormValid=!0;for(const fieldId in validationRules){const field=document.getElementById(fieldId);const rule=validationRules[fieldId];if(field&&(field.required||field.value.trim()!=='')){if(!rule.regex.test(field.value)){isFormValid=!1;showError(field,rule.message)}}}if(!isFormValid){event.preventDefault()}})})