Using $( this ).attr( "required" ) returns true/false instead of the value of the attribute under chrome.

tested on windows (4.1.249.1036 (41514) )

and mac (5.0.307.11 beta)

test code

function validateFormFields( parentNode )

{

var result = true;

var required = "true";

var match = "";

parentNode.find( ":input:not(:button), :radio, :checkbox" ).each( function()

{

required = $( this ).attr( "required" );

console.log( $(this).attr("name"), required, typeof required );

}

}

Output:

email false boolean

phone true boolean

Expected Output:

email undefined undefined

phone no string

This is undoubtedly due to the fact that chrome implements the html 5 spec where required is a boolean attribute.

It would be nice if jquery could normalize this across browsers.