var RecaptchaOptions = { theme : 'theme_name' }; $(document).ready(function() { $("#contact_submit_btn").click(function() { //get input field values var user_name = $('input[name=name]').val(); var user_email = $('input[name=email]').val(); var user_phone = $('input[name=phone]').val(); var user_message = $('textarea[name=message]').val(); var lang = "ro"; //simple validation at client's end //we simply change border color to red if empty field using .css() var proceed = true; var text_eroare =""; if(user_name==""){ $('input[name=name]').css('border-color','red'); $('input[name=name]').focus(); notificare("Introduceti nume si prenume!!!","alert alert-warning"); proceed = false; return false; } if(user_email==""){ $('input[name=email]').css('border-color','red'); text_eroare = "adresa de email!!!" notificare("adresa de email!!!","alert alert-warning"); proceed = false; return false; } if (!validateEmail(user_email)) { $('#email').css('border-color','red'); $('#email').focus(); notificare("Adresa de email invalida!!!","alert alert-warning"); proceed = false; return false; } if(user_phone=="") { $('input[name=phone]').css('border-color','red'); notificare("Introduceti numarul de telefon!!!","alert alert-warning"); proceed = false; return false; } if(user_message=="") { $('textarea[name=message]').css('border-color','red'); notificare("Introduceti mesajul dumneavoastră!!!","alert alert-warning"); proceed = false; return false; } /* if($('#agree').prop('checked')!==true){ $("#acord").css('border','1px solid red'); $('#agree').focus(); notificare("Pentru a transmite mesajul trebuie sa fiti de acord cu prelucrarea datelor cu caracter personal.","alert alert-warning"); proceed = false; return false; } */ if (!$("#g-recaptcha-response").val()) { $("#g-recaptcha-response").css('border-color','red'); notificare ('Dovediti ca nu sunteti robot!'); proceed = false; return false; } //everything looks good! proceed... if(proceed) { $( "#contact_submit_btn" ).prop( "disabled", true ); $( "#contact_submit_btn" ).html( 'Asteptati... se trimite mesajul'); //data to be sent to server post_data = {'lang':lang, 'userName':user_name, 'userEmail':user_email, 'userPhone':user_phone, 'userMessage':user_message, captchaResponse: $("#g-recaptcha-response").val()}; //Ajax post data to server $.post('web_pagini/contact_ajax.php', post_data, function(response){ //load json data from server and output message if(response.type == 'error') { output = '
'+response.text+'
'; }else{ output = '
'+response.text+'
'; //reset values in all input fields $('#contact-us-form input').val(''); $('#contact-us-form textarea').val(''); $("#submit_btn").prop('disabled', true); $('#contact-us-form').fadeOut(); } //$("#result").hide().html(output).fadeIn(); //$('#contact-us-form').hide(); notificare(output, "alert alert-success"); }, 'json'); } }); //reset previously set border colors and hide all message on .keyup() $("#contact-us-form input, #contact-us-form textarea, #recaptcha_response_field, #acord").keyup(function() { $("#contact-us-form input, #contact-us-form textarea, #recaptcha_response_field, #acord").css('border-color',''); $("#notificare").fadeOut(); }); $("#acord").click(function(){ $("#acord").css('border','none'); $("#notificare").fadeOut(); }); }); function recaptchaCallback() { $("#captcha-error").text(''); } function validateEmail(sEmail) { var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if (filter.test(sEmail)) { return true; }else{ return false } } function notificare(text, clasa="alert alert-warning") { // alert(text); $("#notificare").addClass(clasa); $("#notificare").hide().html(text).fadeIn(); /* $('html, body').animate({ scrollTop: $("#notificare").offset() }, 1000) */ }