html5 formulario checkValidity() método no encontrado

Question

Estoy tratando de usar el método de forma checkValidity().

http://html5test.com/ me dice que mi navegador (Chrome) es compatible con el método checkValidity de nivel de formulario.

Sin embargo, el uso de jsFiddle http://jsfiddle.net/LcgnQ/2/ me han tratado los siguientes fragmentos de HTML y JavaScript:

<form id="profileform" name="profileform"> 
    <input type="text" id="firstname" required> 
    <input type="button" id="testbutton" value="Test"> 
</form> 

$('#testbutton').bind('click',function(){ 

    try{ 
    alert($('#profileform').checkValidity()); 
    } 
    catch(err){alert('err='+err)}; 
}); 

Recibo un error: object has no method checkValidity()

¿Qué estoy haciendo mal?

Gracias.

Answer 1

Probar:

$('#profileform')[0].checkValidity() 

Al seleccionar $('#profileform') se obtiene un conjunto de nodos, para acceder a propiedades DOM reales que debe seleccionar la primera.