Removing html5 required attribute with jQuery

Question

Hi I would like to remove the 'required=""' attribute with jquery.

<input     type="text"     id="edit-submitted-first-name"     name="submitted[first_name]"     value=""     size="30"     maxlength="128"     required="" > 

Answer 1

Just:

$('#edit-submitted-first-name').removeAttr('required');​​​​​ 

If you're interested in further reading take a look here.

Answer 2

If you want to set required to true

$(document).ready(function(){ $('#edit-submitted-first-name').prop('required',true); }); 

if you want to set required to false

$(document).ready(function(){ $('#edit-submitted-first-name').prop('required',false); });