formulario:
Código
<form id='formtrabajadores' action="Inserttrabajadores.php" method="post" target="resultado"> <table border='0' width='25%'> <tr height="50px"> <td colspan='2' align='center' style="font-size: 14px"> Formulario Trabajadores </td> </tr> <tr> <td width='50%' align="right"> </td> <td> <input type='text' name='cedula' id='cedula' size='50' required="required" /> </td> </tr> <tr> <td width='50%' align="right"> </td> <td> <input type='text' name='p_nombre' id='p_nombre' required="required" size='50' /> </td> </tr> <tr> <td colspan='2' align='center'> <input type='button' value='Insertar' onclick='InsertarTrabajador()' /> </td> </tr> </table> <form>
Script:
Código
function InsertarTrabajador() { if ($("#cedula").val() == "" || $("#p_nombre").val() == "") { alert("Por favor ingrese todos los campos obligatorios"); } else { var str = $("#formtrabajadores").serialize(); $.ajax({ type: 'POST', url: 'Inserttrabajadores.php', data: str, success: function(msg) { $("#resultado").html(msg) } }); } }
MI PREGUNTA ESO: SE PUEDE HACER ESTO POR HTML5 ? O MAS BIEN COMO SE HARIA POR HTML5, YA QUE ESTE TIENE LA OPCION DE VALIDAR LOS CAMPOS CON LA PROPIEDAD REUIRED PERO NO SE COMO HACER EL CALLBACK QUE HAGO NORMALMENTE CON JQUERY..
GRACIAS