$(document).ready(function() { 
    var options = { 
        target:        '#contactfeedback',       // target element(s) to be updated with server response 
        beforeSubmit:  checkContactData,         // pre-submit callback 
        success:       confirmContactDone,       // post-submit callback 
        resetForm:     true
    }; 
    // bind form using 'ajaxForm' 
    $('#contact').ajaxForm(options); 
}); 

function isValidEmail(str) { return (str.indexOf(".") > 2) && (str.indexOf("@") > 0); }
  
function checkContactData(formData, jqForm, options) {
    var name = $('input[@name=name]').fieldValue();
    var salonname = $('input[@name=salonname]').fieldValue();
    var email = $('input[@name=emailaddress]').fieldValue();
    var tel = $('input[@name=tel]').fieldValue();
    var query = $('#query').fieldValue();
    var errors = "";

    if(!name[0]) { errors += "Please enter your name<br />"; }    
    if(!salonname[0]) { errors += "Please enter the Salon name<br />"; }
    if(!tel[0]) { errors += "Please enter a contact number<br />"; }
    if(!isValidEmail(email[0])) { errors += "Please enter a valid email address<br />"; }
    if(!query[0]) { errors += "Please enter your query<br />"; }
    
    if(errors != "") { 
        $('#contactfeedback').show();
        $('#contactfeedback').html(errors);
        return false; 
    }
    
    return true;
}
		
function confirmContactDone(formData, jqForm, options) {
    $('#contact').hide();
    $('#contactfeedback').show();
    $('#contactfeedback').html("Thanks for getting in touch!<br /><br /><input type='button' value='Close' onclick='tb_remove()' />");
}