Advertisement
Guest User

Untitled

a guest
Sep 19th, 2017
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.89 KB | None | 0 0
  1. <html>
  2.     <head>
  3.         <title>JQuery</title>
  4.         <script src="jquery.js" type="text/javascript"></script>
  5.                 <script>
  6.                     $(document).ready(function()
  7.                                        {
  8.                                            $("#formulario").submit(function(evento)
  9.                                                                     {
  10.                                                                         evento.preventDefault();
  11.                                                                         var $form = $(this),
  12.                                                                             nombre = $form.find('input[name="nombre"]').val();
  13.                                                                         var mail = $form.find('input[name="mail"]').val();
  14.                                                                         //var edad = $form.find('input[name="grupo1"]').val();
  15.                                                                         //var reg = $form.find('input[name="reg"]').val();
  16.                                                                        
  17.                                                                         //var url = $form.attr('action');
  18.                                                                         var url = $form.attr( 'action' );
  19.  
  20.                                                                        
  21.                                                                        // alert("Url " + url + " Nombre : " + nombre + " Mail : " + mail + " edad :" + edad + " Registrado : " + reg);
  22.                                                                        
  23.                                                                        $.ajax({
  24.                                                                         type: 'POST',
  25.                                                                         url: "hola.php",
  26.                                                                         data: nombre,
  27.                                                                         success: function(){alert("todo bien")}
  28.                                                                        
  29.                                                                         });
  30.                                                                        
  31.                                                                     });
  32.                                        });
  33.                    
  34.                    
  35.                    
  36.                    
  37.                    
  38.                    
  39.                    
  40.                    
  41.                 </script>
  42.     </head>
  43.     <body>
  44.             <div id="contenedor">
  45.                
  46.                 <div id="formulario">
  47.                     <form action="hola.php" >
  48.                        
  49.                         Nombre<input type="text" name="nombre"size="10"><br>
  50.                         Mail<input type="text" name="mail"size="10"><br>
  51.                         <input type="radio" name="grupo1" value="mayor">Mayor de Edad<br>
  52.                         <input type="radio" name="grupo1" value="menor">Menor de Edad<br>
  53.                         <input type="checkbox" name="reg" valie="registrado">Registrado<br>
  54.                         <select>
  55.                             <option value="">Como Nos Conoció</option>
  56.                             <option value="Internet">Internet</option>
  57.                             <option value="Un Amigo">Un Amigo</option>
  58.                             <option value="Television">Television</option>
  59.                         </select><br>
  60.                         <input type="reset" value="Limpiar">
  61.                         <input type="submit" value="Enviar">
  62.                     </form>
  63.                    
  64.                 </div>
  65.                
  66.                
  67.                
  68.                
  69.             </div>
  70.     </body>
  71. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement