Foros del Web » Programando para Internet » Javascript »

formulario no funciona en modal

Estas en el tema de formulario no funciona en modal en el foro de Javascript en Foros del Web. Hola buenas , tengo un formulario: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código PHP: Ver original <?php     echo '<div class="modal-header">             <h4 ...
  #1 (permalink)  
Antiguo 27/11/2015, 04:23
 
Fecha de Ingreso: febrero-2011
Ubicación: Barcelona
Mensajes: 195
Antigüedad: 13 años, 2 meses
Puntos: 1
formulario no funciona en modal

Hola buenas , tengo un formulario:
Código PHP:
Ver original
  1. <?php
  2.  
  3.  
  4. echo '<div class="modal-header">
  5.  
  6.  
  7.         <h4 class="modal-title">Autorización de Matrículas</h4>
  8.     </div>
  9. <div class="col-sm-2">&nbsp;</div>
  10. <div class="col-sm-3">&nbsp;</div>
  11.  
  12. <div class="modal-body">
  13.             <form name="formcontract" method="post" action="autorizar.php" class="form-horizontal">
  14.      
  15.                     <div class="form-group">
  16.                             <label class="col-sm-3 control-label" for="formGroup">Tractora</label>
  17.                               <div class="input-group col-sm-5">
  18.                                 <span class="input-group-addon"><span class="fa fa-keyboard-o"></span></span>
  19.                               <input class="form-control" type="text" name="matricula" id="formGroup" placeholder="AAA1234">
  20.                              
  21.                             </div>
  22.                         </div> 
  23. <div class="col-sm-12">&nbsp;</div>
  24. <div class="col-sm-12">&nbsp;</div>
  25.                     <div class="form-group">
  26.                             <label class="col-sm-3 control-label" for="formGroup">Remolque</label>
  27.                               <div class="input-group col-sm-5">
  28.                                 <span class="input-group-addon"><span class="fa fa-keyboard-o"></span></span>
  29.                               <input class="form-control" type="text" name="matricular" id="formGroup" placeholder="AAA1234">
  30.                              
  31.                             </div>
  32.                           </div>   
  33. <div class="col-sm-12">&nbsp;</div>
  34. <div class="col-sm-12">&nbsp;</div>                    
  35.                     <div class="form-group">
  36.                             <label class="col-sm-3 control-label" for="formGroup">N.I.F-N.I.E</label>
  37.                               <div class="input-group col-sm-5">
  38.                             <span class="input-group-addon"><span class="fa fa-credit-card"></span></span>
  39.                               <input class="form-control" type="text" name="dni" id="formGroup" placeholder="DNI o PASAPORTE">
  40.                                 </div>
  41.                         </div>
  42. <div class="col-sm-12">&nbsp;</div>
  43. <div class="col-sm-12">&nbsp;</div>                                
  44.                     <div class="form-group">
  45.                             <label class="col-sm-3 control-label" for="formGroup">Conductor</label>
  46.                               <div class="input-group col-sm-5">
  47.                             <span class="input-group-addon"><span class="entypo-user"></span></span>
  48.                               <input class="form-control" type="text" name="xofer" id="formGroup" placeholder="Nombre y Apellido">
  49.                                 </div>
  50.                         </div>
  51. <div class="col-sm-12">&nbsp;</div>
  52. <div class="col-sm-12">&nbsp;</div>
  53.     <div class="form-group">
  54.                             <label class="col-sm-3 control-label" for="formGroup">P.M.A</label>
  55.                               <div class="input-group col-sm-5">
  56.                             <span class="input-group-addon"><span class="entypo-download"></span></span>
  57.                               <select name="pma" class="selectboxit">
  58.                               <option>40.800</option>
  59.                               <option>41.000</option>
  60.                               <option>44.000</option>
  61.                               </select>
  62.                            
  63.                              
  64.                                 </div>
  65.                         </div>
  66.  
  67.                                 </div>
  68.         <div class="modal-footer">
  69.        <button class="btn btn-submit" name="button" data-dismiss="modal">Ok</button>
  70.        
  71.                                
  72.                             </div>
  73. </form>';

Si lo lanzo directamente en el navegador , funciona perfectamente , pero cuando lo lanzo desde un modal , que lo llamo asi:

Código Javascript:
Ver original
  1. <a class="btn btn-primary" id="BOTONPARAABRIRMODAL">
  2.     <i class="entypo-plus" data-toggle="modal" data-target="#myModal2">Autorizar Matrículas</i>
  3.     </a>
  4. <script type="text/javascript">
  5. $("#BOTONPARAABRIRMODAL").click(function(){
  6. $.ajax({
  7.   method: "POST", //Elige get o post
  8.   url: "contratos8.php",
  9.  
  10. })
  11.   .done(function( msg ) {
  12.    $("#mbody").html(msg);
  13.  $("#myModal2").show();
  14.   });
  15.  });
  16.  </script>

dentro del modal le doy al ok y se cierra el modal y no hace su funcion

alguien sabe porque??

Etiquetas: ajax, formulario, funcion, input, modal, php, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:15.