jQuery: Setting attribute required for input tag

Question

I was trying to set attribute to an input tag using jQuery. All other attributes for input tag like maxlength,name,class worked well. But i'm having trouble with required attribute.

I tried this way

 $("<label><strong>Class"+fare+"</strong></label><input type='text' value='' />")
.attr("class", "nameval") .attr("name", "class"+fare+"") .attr("required","required")

I also tried other ways refering to some forums

.attr("required","")
.attr("required",true)
.attr("required","true")
.prop("required",true)

Please let me know where i was wrong.

Answer 1

If you are going to append that HTML, then, why you are using it as a selector?

Just create it directly in the string:

$(form).append("<label><strong>Class"+fare+"</strong></label><input type='text' value='' required='required"/>');

Answer 2

You can try like this.

var element = $("<label><strong>Class"+fare+"</strong></label><input type='text' value='' />")
.attr("class", "nameval") .attr("name", "class"+fare+"") .attr("required","required");

$("#MyFormId").append(element);