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// funAdd.js
$(document).ready(function(){
$("#Ingresar").submit(function(){
codFun=$("#codFun").val();
nombre1Fun=$("#nombre1Fun").val();
nombre2Fun=$("#nombre2Fun").val();
apellido1Fun=$("#apellido1Fun").val();
apellido2Fun=$("#apellido2Fun").val();
unidadFun=$("#unidadFun").val();
$.post("procesos/IngresoPHP.php",{codFun:codFun, nombre1Fun:nombre1Fun, nombre2Fun:nombre2Fun, apellido1Fun:apellido1Fun, apellido2Fun:apellido2Fun, unidadFun:unidadFun},function(result){
$("#mensaje").html(result);//html es como el innerHTML
});
});
});
HTML:
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <link href="css/Principal.css" rel="stylesheet" type="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--
.Estilo31 {
color: #000000;
font-weight: bold;
}
-->
<!-- The ajax/jquery stuff -->
<body bgcolor="#F3F4F5" leftmargin="10px" topmargin="0" marginwidth="0" marginheight="0" rightmargin="10px";>
<table border="0" class="TablaGeneral" align="center"> <tr align="left" class="CeldaTitulo"> <td colspan="7" height="21">REGISTRO DE FUNCIONARIOS
</td>
<td class="Estilo30">Codigo Fun.
</td> <td><input type="text" name="codFun" id="codFun" /></td> <td class="Estilo30">Primer Nombre Fun.
</td> <td><input type="text" name="nombre1Fun" id="nombre1Fun" /></td> <td class="Estilo30">Segundo Nombre Fun.
</td> <td><input type="text" name="nombre2Fun" id="nombre2Fun" /></td> <td class="Estilo30">Primer Apellido Fun.
</td> <td><input type="text" name="apellido1Fun" id="apellido1Fun" /></td> <td class="Estilo30">Segundo Apellido Fun.
</td> <td><input type="text" name="apellido2Fun" id="apellido2Fun" /></td> <td class="Estilo30">Unidad Fun.
</td> <td><input type="text" name="unidadFun" id="unidadFun" /></td>
<p align="center"><button class="Boton" id="Ingresar" >Ingresar
</button></p>
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