Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/10/2012, 14:56
Montes28
 
Fecha de Ingreso: septiembre-2010
Mensajes: 1.853
Antigüedad: 13 años, 7 meses
Puntos: 6
Respuesta: problemas ajax y modal Twitter Bootstrap

amigos me funciono de esta manero pero quiero mejorarlo , por favor revisenlo y me dan sus puntos de vista . gracias.

Código Javascript:
Ver original
  1. $('#adicionar').click(function (){
  2.   var val = ($("#contact-form").valid());
  3.   //alert (val);
  4.   if (val == true) {
  5.         //alert('Campos LLenos');
  6.         var dataString = $('#contact-form').serialize();
  7.         //alert('Datos serializados: '+dataString);
  8.         $.ajax({
  9.     url:'views/cargar_usuarios.php',
  10.     type:'POST',
  11.     data: dataString,
  12.     }).done(function(data) {
  13.     //alert(data);
  14.     $("#div_tabla_usuario").html(data);
  15.         $(".input-add").val('');
  16.         $('#modalAdicionar').modal('hide');
  17.    
  18. });
  19.        
  20.        
  21.     }
  22.     else {
  23.         alert('Campos Vacios');
  24.     }  
  25.   return false;
  26. });


amigos solo me resta limpiar el label de ok

es el script de la validacion
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.  
  3.     // Validate
  4.     // http://bassistance.de/jquery-plugins/jquery-plugin-validation/
  5.     // http://docs.jquery.com/Plugins/Validation/
  6.     // http://docs.jquery.com/Plugins/Validation/validate#toptions
  7.    
  8.         $('#contact-form').validate({
  9.         rules: {
  10.           name: {
  11.             minlength: 2,
  12.             required: true
  13.           },
  14.           email: {
  15.             required: true,
  16.             email: true
  17.           },
  18.           subject: {
  19.             minlength: 2,
  20.             required: true
  21.           },
  22.           message: {
  23.             minlength: 2,
  24.             required: true
  25.           }
  26.         },
  27.         highlight: function(label) {
  28.             $(label).closest('.control-group').addClass('error');
  29.         },
  30.         success: function(label) {
  31.             label
  32.                 .text('OK!').addClass('valid')
  33.                 .closest('.control-group').addClass('success');
  34.         }
  35.       });
  36.      
  37. });

como lo realizo

me estoy basando en http://alittlecode.com/jquery-form-v...ter-bootstrap/

Última edición por Montes28; 19/10/2012 a las 15:21