How do i remove required attribute from only the URL input field in a form using jquery

Question

I use the code below to add required attribute to the inputs in a form and its working perfectly but want to remove required attribute for only the input type:URL in the form.

$('#private-acc').click(function(){
   $('#private-office').css('display', 'block');
   $('#private-office :input').prop('required', true); 

   $('#public-office').css('display', 'none');   
   $('#public-office :input').prop('required', false);
});

Please how do i do it, I don't have any idea at all.

Answer 1

You can remove it using:

$("input[type=url]").removeAttr("required");

Refer to this question for more discussion. The only change you need here is the selector input[type=url] .

Using .prop :

$("input[type=url").prop('required', false);