jquery submit con html5 form required

[dante14]

Estoy haciendo uso de la nueva caracteristica html5 "required", para validar los campos obligatorios de un form al momento de usar un boton submit, lo cual me ha funcionado correctamente; sin embargo, cuando envío el sumbit con jquery, el required no funciona. Que deber{ia agregar en el jquery .

html:

Código HTML:

<form id="frmProductoNuevo" class="formulario_modal" name="product" method="post" action="Producto">
<label>Nombre</label>
<input type="text" id="txtNombreProducto" name="txtNombreProducto" style="width: 400px" value="<?php echo $producto->getNombre(); ?>" placeholder="Nombre del Producto" required="required" tabindex="4" autocomplete="off"/>
<a id="btnGuardarProducto">
<div class="button">
<img class="icono_boton" src="presentation/images/icons/icon-32-guardar.png"/>
<div class="boton_texto">Guardar</div>
</div>
</a>
</form>
 

jquery:

Código Javascript:

$("body").on("click", "#btnGuardarProducto", function(){        
        $("#frmProductoNuevo").submit();
    });
 

[vick90]

Prueba asi

Código Javascript:

$("frmProductoNuevo").on("submit", function(){        
       //enviar peticion
    });