$(function(){ }) $(function(){ }) $(function(){ $('.rutinput').Rut({format: true,format_on: 'keyup'}); $( "#formCotizar" ).validate( { debug:true, rules: { 'crm_contacto[nombre]': "required", 'crm_contacto[rut]': { required: true, rut: true }, 'crm_contacto[telefono]': { required: true, integer: true, minlength: 9 }, 'crm_contacto[email]': { required: true, email: true } }, messages: { 'crm_contacto[nombre]': "Ingrese su nombre completo.", 'crm_contacto[rut]': { required: "Ingrese su Rut.", minlength: "Este campo debe ser un rut valido." }, 'crm_contacto[telefono]': { required: "Ingrese su teléfono.", integer: "Ingrese solo números.", minlength: "Su teléfono debe tener a lo menos 9 dígitos." }, 'crm_contacto[email]': { required: "Ingrese su correo electrónico.", email: "Debe ingresar un correo electrónico válido." } }, errorElement: "small", errorPlacement: function ( error, element ) { error.addClass( "help-block form-control-feedback d-block g-pos-abs g-top-minus-20 g-right-0 g-bg-red g-color-white g-font-size-12 g-px-14 g-py-3 mt-0" ); element.parents( ".form-group" ).addClass( "has-feedback" ); if ( element.prop( "type" ) === "checkbox" ) { error.insertAfter( element.parent( "label" ) ); } else { error.insertAfter( element.parent() ); } $('.input-group-append i', $( element ).parent() ).addClass("fa-times").removeClass("fa-check").removeClass("fa-asterisk"); //console.log($('.input-group-append i', $( element ).parent() ).html()); }, success: function ( label, element ) { // Add the span element, if doesn't exists, and apply the icon classes to it. $('.input-group-append i', $( element ).parent() ).addClass("fa-check").removeClass("fa-times").removeClass("fa-asterisk"); $( element ).parent().next().remove(); }, highlight: function ( element, errorClass, validClass ) { $( element ).parents( ".form-group" ).addClass( "u-has-error-v1-3" ).removeClass( "u-has-success-v1-2" ); //$( element ).removeClass('g-brd-gray-light-v5 g-bg-gray-light-v5'); $('.input-group-append i', $( element ).parent() ).addClass( "fa-times" ).removeClass( "fa-check" ).removeClass( "fa-asterisk" ); }, unhighlight: function ( element, errorClass, validClass ) { $( element ).parents( ".form-group" ).removeClass( "u-has-success-v1-2" ).removeClass( "u-has-error-v1-3" ); //$( element ).addClass('g-brd-gray-light-v5 g-bg-gray-light-v5'); $('.input-group-append i', $( element ).parent() ).addClass( "fa-check" ).removeClass( "fa-asterisk" ).removeClass( "fa-times" ); }, submitHandler: function (form) { $("#formCotizar").find('[type="submit"]').html('Enviando...').prop("disabled", true); var form = $("#formCotizar"); var DataForm = $(form).serializeArray( ); jQuery.post( '/?_ajax_=getDataCotizar&action=save', jQuery("#formCotizar").serializeArray( ), function( data ) { alert('Gracias. Su cotización fue registrada. Pronto nos pondremos en contacto con usted.'); $('#formCotizar')[0].reset(); $("#formCotizar").find('[type="submit"]').html('COTIZAR').prop("disabled", false); }, 'jsonp' ); return false; } } ); $( "#formVisita" ).validate( { debug:true, rules: { 'crm_contacto[nombre]': "required", 'crm_contacto[rut]': { required: true, rut: true }, 'crm_contacto[telefono]': { required: true, integer: true, minlength: 9 }, 'crm_contacto[email]': { required: true, email: true } }, messages: { 'crm_contacto[nombre]': "Ingrese su nombre completo.", 'crm_contacto[rut]': { required: "Ingrese su Rut.", minlength: "Este campo debe ser un rut valido." }, 'crm_contacto[telefono]': { required: "Ingrese su teléfono.", integer: "Ingrese solo números.", minlength: "Su teléfono debe tener a lo menos 9 dígitos." }, 'crm_contacto[email]': { required: "Ingrese su correo electrónico.", email: "Debe ingresar un correo electrónico válido." } }, errorElement: "small", errorPlacement: function ( error, element ) { error.addClass( "help-block form-control-feedback d-block g-pos-abs g-top-minus-20 g-right-0 g-bg-red g-color-white g-font-size-12 g-px-14 g-py-3 mt-0" ); element.parents( ".form-group" ).addClass( "has-feedback" ); if ( element.prop( "type" ) === "checkbox" ) { error.insertAfter( element.parent( "label" ) ); } else { error.insertAfter( element.parent() ); } $('.input-group-append i', $( element ).parent() ).addClass("fa-times").removeClass("fa-check").removeClass("fa-asterisk"); //console.log($('.input-group-append i', $( element ).parent() ).html()); }, success: function ( label, element ) { // Add the span element, if doesn't exists, and apply the icon classes to it. $('.input-group-append i', $( element ).parent() ).addClass("fa-check").removeClass("fa-times").removeClass("fa-asterisk"); $( element ).parent().next().remove(); }, highlight: function ( element, errorClass, validClass ) { $( element ).parents( ".form-group" ).addClass( "u-has-error-v1-3" ).removeClass( "u-has-success-v1-2" ); //$( element ).removeClass('g-brd-gray-light-v5 g-bg-gray-light-v5'); $('.input-group-append i', $( element ).parent() ).addClass( "fa-times" ).removeClass( "fa-check" ).removeClass( "fa-asterisk" ); }, unhighlight: function ( element, errorClass, validClass ) { $( element ).parents( ".form-group" ).removeClass( "u-has-success-v1-2" ).removeClass( "u-has-error-v1-3" ); //$( element ).addClass('g-brd-gray-light-v5 g-bg-gray-light-v5'); $('.input-group-append i', $( element ).parent() ).addClass( "fa-check" ).removeClass( "fa-asterisk" ).removeClass( "fa-times" ); }, submitHandler: function (form) { $("#formVisita").find('[type="submit"]').html('Enviando...').prop("disabled", true); var form = $("#formVisita"); var DataForm = $(form).serializeArray( ); jQuery.post( '/?_ajax_=getDataVisita&action=save', jQuery("#formVisita").serializeArray( ), function( data ) { alert('Gracias. Su visita fue agendada. Pronto nos pondremos en contacto con usted.'); $('#formVisita')[0].reset(); $("#formVisita").find('[type="submit"]').html('COTIZAR').prop("disabled", false); }, 'jsonp' ); return false; } } ); function limitText(field, maxChar){ var ref = $(field), val = ref.val(); if ( val.length >= maxChar ){ ref.val(function() { console.log(val.substr(0, maxChar)) return val.substr(0, maxChar); }); } } $(".rutinput").keypress(function (e) { if ((e.which < 48 || e.which > 57) && e.which != 46 && e.which != 45) { return false; } }); $(".phoneinput").keypress(function (e) { if ((e.which < 48 || e.which > 57)) { return false; } }); $('.rutinput').on('keyup', function() { limitText(this, 13) }); $('.phoneinput').on('keyup', function() { limitText(this, 9) }); }) $(function(){ }) $(function(){ }) $(function(){ $(".vivienda-mostrar").click(function(){ $(".bloques-vivienda").addClass("hide"); $(".tipo_vivienda_"+$(this).data("tipo")).removeClass("hide"); }); })