Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/02/2013, 14:39
r0xdrig0
 
Fecha de Ingreso: diciembre-2007
Mensajes: 385
Antigüedad: 17 años, 3 meses
Puntos: 0
Como validar ingreso de datos sin usar etiqueta <form>???

hjola amigos como estan? les cuento tengo un mantenedor de ingreso el cual me ingresa bien los datos (lo hice con jquery), pero al momento de validar el ingreso de los datos con JQuery, ahi no encuentro manera ya q no estoy utilizando la etiqueta <form>
para ingresar dichos datos, ese es el problema por eso me gustaria q me guaran a como puedo hacerlo para validar el ingreso de datos sin que estos campos esten dentro de un <form> mi codigo es este:

Código Javascript:
Ver original
  1. // funAdd.js
  2.  
  3. $(document).ready(function(){
  4.  
  5.   $("#Ingresar").submit(function(){
  6.      
  7.      
  8.     codFun=$("#codFun").val();
  9.      nombre1Fun=$("#nombre1Fun").val();
  10.       nombre2Fun=$("#nombre2Fun").val();
  11.        apellido1Fun=$("#apellido1Fun").val();
  12.         apellido2Fun=$("#apellido2Fun").val();
  13.          unidadFun=$("#unidadFun").val();
  14.          
  15.  
  16.     $.post("procesos/IngresoPHP.php",{codFun:codFun, nombre1Fun:nombre1Fun, nombre2Fun:nombre2Fun, apellido1Fun:apellido1Fun, apellido2Fun:apellido2Fun, unidadFun:unidadFun},function(result){
  17.  
  18.       $("#mensaje").html(result);//html es como el innerHTML
  19.      
  20.  
  21.     });
  22.    
  23.   });
  24.  
  25.  
  26. });

HTML:

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <link href="css/Principal.css" rel="stylesheet" type="text/css" />
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Ingresar Funcionario</title>
  6. <style type="text/css">
  7. <!--
  8. .Estilo31 {
  9.     color: #000000;
  10.     font-weight: bold;
  11. }
  12. -->
  13.     </style>
  14.    
  15.    
  16.     <!-- The ajax/jquery stuff -->
  17.     <script src="js/jquery-1.8.2.js"></script>
  18.     <script src="js/funAdd.js"></script>
  19.    
  20.    
  21.        
  22.    
  23. </head>
  24.  
  25.  
  26. <body bgcolor="#F3F4F5" leftmargin="10px" topmargin="0" marginwidth="0" marginheight="0" rightmargin="10px";>
  27.  
  28. <table border="0" class="TablaGeneral" align="center">
  29.                         <tr align="left" class="CeldaTitulo">
  30.                     <td colspan="7" height="21">REGISTRO DE FUNCIONARIOS</td>
  31.                 </tr>
  32.  
  33.                         <tr>
  34.                           <td class="Estilo30">Codigo Fun.</td>
  35.                           <td><input type="text" name="codFun" id="codFun" /></td>
  36.                           </tr>
  37.                           <tr>
  38.                           <td class="Estilo30">Primer Nombre Fun.</td>
  39.                           <td><input type="text" name="nombre1Fun" id="nombre1Fun" /></td>
  40.                           </tr>
  41.                           <tr>
  42.                            <td class="Estilo30">Segundo Nombre Fun.</td>
  43.                           <td><input type="text" name="nombre2Fun" id="nombre2Fun" /></td>
  44.                           </tr>
  45.                           <tr>
  46.                            <td class="Estilo30">Primer Apellido Fun.</td>
  47.                           <td><input type="text" name="apellido1Fun" id="apellido1Fun" /></td>
  48.                           </tr>
  49.                           <tr>
  50.                            <td class="Estilo30">Segundo Apellido Fun.</td>
  51.                           <td><input type="text" name="apellido2Fun" id="apellido2Fun" /></td>
  52.                           </tr>
  53.                           <tr>
  54.                            <td class="Estilo30">Unidad Fun.</td>
  55.                           <td><input type="text" name="unidadFun" id="unidadFun" /></td>
  56.                         </tr>
  57.                         <tr><td></td>
  58.                         </tr>
  59.                        
  60.                         </table>
  61.                         <p align="center"><button class="Boton" id="Ingresar" >Ingresar</button></p>
  62.  
  63.  
  64.            
  65.                         <span id="mensaje"></span>
  66.                        
  67. </body>
  68. </html>

Alguien porfavor amigos que me pueda guiar a validar los campos antes de ingresarlos (repito, estos campos no estan dentro de una etiqueta <form>)

de antemano muchas gracias