Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/10/2014, 17:03
Avatar de JessicaTJ
JessicaTJ
 
Fecha de Ingreso: enero-2007
Ubicación: 127.0.0.1
Mensajes: 472
Antigüedad: 17 años, 11 meses
Puntos: 25
BootstrapValidator y envio de formas via ajax

Hola chicos, tengo este codigo

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.     $('#newsForm').bootstrapValidator({
  3.             // Only disabled elements are excluded
  4.             // The invisible elements belonging to inactive tabs must be validated
  5.             excluded: [':disabled'],
  6.             trigger: 'focus blur keyup',
  7.             feedbackIcons: {
  8.                 valid: 'icon-ok',
  9.                 invalid: 'icon-remove',
  10.                 validating: 'icon-refresh'
  11.             },
  12.             fields: {
  13.                 //field data here.
  14.             }
  15.         })
  16.         // Called when a field is invalid
  17.         .on('error.field.bv', function(e, data) {
  18.             // data.element --> The field element
  19.  
  20.             var $tabPane = data.element.parents('.tab-pane'),
  21.                 tabId    = $tabPane.attr('id');
  22.  
  23.             $('a[href="#' + tabId + '"][data-toggle="tab"]')
  24.                 .parent()
  25.                 .find('i')
  26.                 .removeClass('fa-check')
  27.                 .addClass('fa-times');
  28.         })
  29.         // Called when a field is valid
  30.         .on('success.field.bv', function(e, data) {
  31.             // data.bv      --> The BootstrapValidator instance
  32.             // data.element --> The field element
  33.  
  34.             var $tabPane = data.element.parents('.tab-pane'),
  35.                 tabId    = $tabPane.attr('id'),
  36.                 $icon    = $('a[href="#' + tabId + '"][data-toggle="tab"]')
  37.                             .parent()
  38.                             .find('i')
  39.                             .removeClass('fa-check fa-times');
  40.  
  41.             // Check if the submit button is clicked
  42.             if (data.bv.getSubmitButton()) {
  43.                 // Check if all fields in tab are valid
  44.                 var isValidTab = data.bv.isValidContainer($tabPane);
  45.                 $icon.addClass(isValidTab ? 'fa-check' : 'fa-times');
  46.             }
  47.         }).on('success.form.bv', function(e) {
  48.             e.preventDefault();
  49.             var $form = $(e.target);
  50.             var bv = $form.data('bootstrapValidator');
  51.               $.post($form.attr('action'), $form.serialize(), function(result) {
  52.                 // ... Falta lo de aqui U.U ...
  53.             }, 'json');
  54.         });
  55.     });

Y hasta ahi llegue XD la verdad no se como manejar esa parte de bootstrapvalidator, he tratado hacer el envio ajax por fuera pero obviamente me genera errores, alguien lo ha utilizado y hecho esto?

¡Agradecere mil su ayuda!
__________________
٩(͡๏̯͡๏)۶ || ٩(͡๏̯͡๏)۶