formulario html5

[kakashi20]

hola

normalmente hago los formularios, valido por jquery y hago el retorno de de que se inserto la información por jquery.

como haría esto con html5 ?

como html5 podría validarlos con la propiedad required de los input pero como hago el retorno de lo que se inserto como si fuera jquery ?

pudo usar html5 con jquery ? como podria hacerlo ?

Se alguien me pudiese ayudar se lo agradecería

[Novlucker]

¿Podrías dar un ejemplo de a que te refieres exactamente?
¿Por retorno te refieres a un callback? ¿Ejecutas el submit por jquery? ¿Usas ajax?

Saludos

[kakashi20]

NORMALMENTE HAGO ESTOY POR JQUERY, ASI COMO LO MUESTRO ABAJO:

formulario:

Código (html4strict) [Seleccionar] Expandir

<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">
            C&eacute;dula<span style="color: #FF0000">*</span>:
        </td>
        <td>
            <input type='text' name='cedula' id='cedula' size='50' required="required" />
        </td>
    </tr>
    <tr>
        <td width='50%' align="right">
            Primer Nombre<span style="color: #FF0000">*</span>:
        </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 (javascript) [Seleccionar] Expandir

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

[Novlucker]

El tema es que la validación por HTML5 se realiza del lado del navegador, para lo cual necesita realizar un submit, si tu envías el request por AJAX entonces no estás realizando un verdadero submit.

Por lo que veo la alternativa es un bind al submit de formulario, pero según dicen tiene problemas en Opera.
http://stackoverflow.com/questions/5917984/submit-a-html-5-form-with-ajax

Saludos

[kakashi20]

ok gracias, lo tendre en cuenta