Template:H4Z-Hangzhou/js/lib/contact

$(function() {

   $("input,textarea").jqBootstrapValidation({
       preventSubmit: true,
       submitError: function($form, event, errors) {
           // additional error messages or events
       },
       submitSuccess: function($form, event) {
           event.preventDefault(); // prevent default submit behaviour
           // get values from FORM
           var name = $("input#name").val();
           var email = $("input#email").val();
           var phone = $("input#phone").val();
           var message = $("textarea#message").val();
           var firstName = name; // For Success/Failure Message
           // Check for white space in name for Success/Fail message
           if (firstName.indexOf(' ') >= 0) {
               firstName = name.split(' ').slice(0, -1).join(' ');
           }
           $.ajax({
               url: "../submit.php",
               type: "POST",
               data: {
                   name: name,
                   phone: phone,
                   email: email,
                   message: message
               },
               cache: false,
               success: function() {
                   // Success message

$('#success').html("

");

                   $('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×")
                       .append("</button>");
                   $('#success > .alert-success')
                       .append("Your message has been sent. ");
                   $('#success > .alert-success')

.append('

');

                   //clear all fields
                   $('#contact-form').trigger("reset");
               },
               error: function() {
                   // Fail message

$('#success').html("

");

                   $('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×")
                       .append("</button>");
                   $('#success > .alert-danger').append("Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!");
                   $('#success > .alert-danger').append('</div>');
                   //clear all fields
                   $('#contact-form').trigger("reset");
               },
           })
       },
       filter: function() {
           return $(this).is(":visible");
       },
   });

   $("a[data-toggle=\"tab\"]").click(function(e) {
       e.preventDefault();
       $(this).tab("show");
   });

});

/*When clicking on Full hide fail/success boxes */ $('#name').focus(function() {

   $('#success').html();

});