Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- $(document).ready(function(){
- function success() {
- $('#contact_name, #contact_email, #contact_phone, #contact_message, #contact_company').css("border","1px solid #333").val("");
- $('<div class="success-message pie">Your message has been sent successfully. Thank you! </div>').fadeIn("fast").insertBefore('.form_block p');
- $('.success-message').delay("2000").fadeOut("fast", function(){ $(this).remove(); });
- }
- // FORM SUBMISSION
- $('.button.btSend.css3button').click(function(){
- //Get name field value
- var frmName = $('#contact_name').val();
- //Get e-mail field value
- var frmMail = $('#contact_email').val();
- //Get phone field value
- var frmPhone = $('#contact_phone').val();
- //Get company field value
- var frmCompany = $('#contact_company').val();
- //Get textarea message
- var frmMessage = $('#contact_message').val();
- //Send data using ajax
- $.post("/mail.php", {action: "sendMail", name: frmName , mail: frmMail, phone: frmPhone, company: frmCompany, message: frmMessage},
- function(data){
- if (data.success == '1'){
- success();
- //If the mail was sent show the "success" message
- return false;
- }else{
- $('<div class="fail-message pie">Message Not Sent! Correct Errors marked in red.</div>').fadeIn("fast").insertAfter('.form_block p');
- $('.fail-message').delay("2000").fadeOut("fast", function(){ $(this).remove(); });
- //If the mail has failed show the error message
- $('.loading').fadeOut('fast');
- if(frmName == "") $('#contact_name').css("border","1px solid #FF0000").next('.require').text(' !');
- if(frmMail == "" ) $('#contact_email').css("border","1px solid #FF0000").next('.require').text(' !');
- if(frmCompany == "" ) $('#contact_company').css("border","1px solid #FF0000").next('.require').text(' !');
- if(frmPhone == "" ) $('#contact_phone').css("border","1px solid #FF0000").next('.require').text(' !');
- if(frmMessage == "") $('#contact_message').css("border","1px solid #FF0000").next('.require').text(' !');
- return false;
- }
- });
- return false;
- });
- //global vars
- var form = $("#customForm");
- var name = $("#contact_name");
- var company = $("#contact_company");
- var email = $("#contact_email");
- var phone = $("#contact_phone");
- var message = $("#contact_message");
- //On blur
- name.blur(validateName);
- company.blur(validateCompany);
- message.blur(validateMessage);
- email.blur(validateEmail);
- phone.blur(validatePhone);
- //On key press
- email.keyup(validateEmail);
- name.keyup(validateName);
- phone.keyup(validatePhone);
- company.keyup(validateCompany);
- message.keyup(validateMessage);
- //validation functions
- function validateEmail(){
- //testing regular expression
- var a = $("#contact_email").val();
- var filter = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
- //if it's valid email
- if(filter.test(a)){
- $(this).stop().animate({ borderTopColor: '#005386', borderLeftColor: '#005386', borderRightColor: '#005386', borderBottomColor: '#005386' }, 'fast');
- return true;
- }
- //if it's NOT valid
- else{
- $(this).stop().animate({ borderTopColor: '#FF0000', borderLeftColor: '#FF0000', borderRightColor: '#FF0000', borderBottomColor: '#FF0000' }, 'fast');
- return false;
- }
- }
- function validatePhone(){
- //testing regular expression
- var a = $("#contact_phone").val();
- var filter = /^\(?(\d{3})\)?[- ]?(\d{3})[- ]?(\d{4})$/;
- //if it's valid phone
- if(filter.test(a)){
- $(this).stop().animate({ borderTopColor: '#005386', borderLeftColor: '#005386', borderRightColor: '#005386', borderBottomColor: '#005386' }, 'fast');
- return true;
- }
- //if it's NOT valid
- else{
- $(this).stop().animate({ borderTopColor: '#FF0000', borderLeftColor: '#FF0000', borderRightColor: '#FF0000', borderBottomColor: '#FF0000' }, 'fast');
- return false;
- }
- }
- function validateCompany(){
- //if it's NOT valid
- if(company.val().length < 4){
- $(this).stop().animate({ borderTopColor: '#FF0000', borderLeftColor: '#FF0000', borderRightColor: '#FF0000', borderBottomColor: '#FF0000' }, 'fast');
- return false;
- }
- //if it's valid
- else{
- $(this).stop().animate({ borderTopColor: '#005386', borderLeftColor: '#005386', borderRightColor: '#005386', borderBottomColor: '#005386' }, 'fast');
- return true;
- }
- }
- function validateName(){
- //if it's NOT valid
- if(name.val().length < 4){
- $(this).stop().animate({ borderTopColor: '#FF0000', borderLeftColor: '#FF0000', borderRightColor: '#FF0000', borderBottomColor: '#FF0000' }, 'fast');
- return false;
- }
- //if it's valid
- else{
- $(this).stop().animate({ borderTopColor: '#005386', borderLeftColor: '#005386', borderRightColor: '#005386', borderBottomColor: '#005386' }, 'fast');
- return true;
- }
- }
- function validateMessage(){
- //it's NOT valid
- if(message.val().length < 10){
- $(this).stop().animate({ borderTopColor: '#FF0000', borderLeftColor: '#FF0000', borderRightColor: '#FF0000', borderBottomColor: '#FF0000' }, 'fast');
- return false;
- }
- //it's valid
- else{
- $(this).stop().animate({ borderTopColor: '#005386', borderLeftColor: '#005386', borderRightColor: '#005386', borderBottomColor: '#005386' }, 'fast');
- return true;
- }
- }
- });
Add Comment
Please, Sign In to add comment