Ver Mensaje Individual
  #8 (permalink)  
Antiguo 14/09/2015, 15:17
Avatar de joseherran
joseherran
 
Fecha de Ingreso: septiembre-2015
Ubicación: cali valle
Mensajes: 23
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: formulario validación Jquery y ajax

este es el formvalidate.js

Código Javascript:
Ver original
  1. $(document).ready(function()
  2. {
  3.     var base_url = $('#baseurl').html();  // seleccionamos la base url de un div
  4.  
  5.     // personalizamos los mensajes
  6.     jQuery.extend
  7.             (
  8.                     jQuery.validator.messages,
  9.                     {
  10.                         required: "Este campo es obligatorio",
  11.                         remote: "Por favor corrija este campo",
  12.                         email: "Por favor escriba un correo válido",
  13.                         url: "Por favor escriba una url válida.",
  14.                         date: "Por favor escriba una fecha válida.",
  15.                         dateISO: "Por favor escriba una fecha válida (ISO).",
  16.                         number: "El campo debe ser numerico.",
  17.                         digits: "Por favor use sólamente dígitos.",
  18.                         creditcard: "Por favor introduzca un número de tarjeta de crédito válido.",
  19.                         equalTo: "Por favor introduzca el mismo valor del anterior.",
  20.                         accept: "Por favor introduzca un valor con una extensión válida.",
  21.                         maxlength: jQuery.validator.format("Por favor escriba máximo {0} caracteres."),
  22.                         minlength: jQuery.validator.format("Por favor escriba mínimo {0} caracteres."),
  23.                         rangelength: jQuery.validator.format("Por favor escriba un valor entre {0} y {1} caracteres de longitud."),
  24.                         range: jQuery.validator.format("Por favor escriba un valor entre {0} y {1}."),
  25.                         max: jQuery.validator.format("Por favor introduzca un valor menor o igual a {0}."),
  26.                         min: jQuery.validator.format("Por favor introduzca un valor mayor o igual a {0}.")
  27.                     },
  28.             $.validator.addMethod
  29.                     (
  30.                             "date",
  31.                             function(value, element) {
  32.                                 //return Funciones_JS_Sinergia.esFecha(value);
  33.                             },
  34.                             "Por favor digite una fecha válida usando el formato dd-mm-aaaa."
  35.                             )
  36.                     );
  37.  
  38.     // contactenos
  39.     $('.form_contac_ajax').validate({
  40.         rules: {
  41.             name: {required: true, minlength: 2, maxlength: 100},
  42.             email: {required: true, email: true, maxlength: 100},
  43.             phone: {required: true, minlength: 5, maxlength: 30},
  44.             cell: {minlength: 10, maxlength: 30},
  45.             company: {maxlength: 100},
  46.             message: {required: true, maxlength: 455},
  47.         },
  48.         highlight: function(element) {
  49.             $(element).addClass('form_txt_error');
  50.             $(element).removeClass('error');
  51.         },
  52.         unhighlight: function(element) {
  53.             $(element).removeClass('form_txt_error');
  54.         },
  55.         focusInvalid: true,
  56.         onfocusout: false,
  57.         submitHandler: function(event)
  58.         {
  59.             llamadaAjaxContact('.form_contac_ajax');  // mandamos el nombre del formulario
  60.         }
  61.     });
  62.  
  63.     // funcion de jquery donde recibimos el nombre del formulario
  64.     function llamadaAjaxContact(formname)
  65.     {
  66.         $.ajax({
  67.             url: $(formname).attr('action'),
  68.             type: 'POST',
  69.             dataType: 'json',
  70.             data: $(formname).serialize(),
  71.             beforeSend: function()
  72.             {
  73.                 $('#loading_contacts').html('<img src="' + base_url + 'uploads/default/loading.gif" width="28" height="28"/>');
  74.             },
  75.             success: function(data)
  76.             {
  77.                 $('#loading_contacts').html(data.msg);
  78.                 if (data.status == 'error') {
  79.                     $('#loading_contacts').html('<div style="color: red">' + data.msg + '</div>');
  80.                 } else {
  81.                     $('#loading_contacts').html('<div style="color: green">' + data.msg + '</div>');
  82.  
  83.                 }
  84.             },
  85.             error: function(err)
  86.             {
  87.                 alert("Ocurrió un error. Por favor inténtelo de nuevo.");
  88.             }
  89.         });
  90.     }
  91.  
  92. });
  93. $(document).ready(function() {
  94.  
  95.     $(document).on("click ", ".destroy_item_contact", function(event) {
  96.         event.preventDefault();
  97.         var id_product = '#prd_' + $(this).data('id');
  98.         $.ajax({
  99.             url: $(this).data('url'),
  100.             type: 'POST',
  101.             beforeSend: function() {
  102. //                $('#content_product').html('<img src="' + base_url + 'uploads/default/loading.gif" width="28" height="28"/>');
  103.             },
  104.             success: function(data) {
  105.                 if (data === '"exito"') {
  106.                     $(id_product).remove();
  107.                 } else {
  108.                     alert('ha ocurrido un error intentelo denuevo.');
  109.                 }
  110.             },
  111.             error: function(err) {
  112.                 alert("Ocurrió un error. Por favor inténtelo de nuevo.");
  113.             }
  114.         });
  115.     });
  116. });