Required attribute not working

[aakashbashyal21]

I have implemented your date-dropdown in Asp.net MVC5.
Their are various input box where i have implemented this.
But Basically i do need required validation for only 2 field, but it is working only for one field. I couldn't find the issues or solved it.

Please help !

Where Validation is working !!

<input class="dateDD form-control" id="Q23_DateOfConvictionFelony" name="Q23_DateOfConvictionFelony" type="hidden" value="03/03/2015" required="required">

<select class="month valid" name="date_[month]" required="required" aria-required="true" aria-describedby="date_[month]-error" aria-invalid="false">....</select>

<select class="day valid" name="date_[day]" required="required" aria-required="true" aria-describedby="date_[day]-error" aria-invalid="false">...</select>

<select class="year" name="date_[year]" required="required">...</select>

Where validation is not working !!

<input class="dateDD form-control" id="Q24_DateOfRelease" name="Q24_DateOfRelease" type="hidden" value="" required="required">

<select class="month" name="date_[month]" required="required">...</select>
<select class="day" name="date_[day]" required="required">...</select>
<select class="year" name="date_[year]" required="required">...</select>

Jquery Code !!

  $(".dateDD").dateDropdowns({
            daySuffixes:false,
            defaultDateFormat: "mm/dd/yyyy",
            submitFormat: "mm/dd/yyyy",
            displayFormat: "mdy",
            required: true

        });

[IckleChris]

The fastest solution to this is to instantiate each field separately (instead of using a class selector as above). I'll look into supporting class selectors, but that requires some thought regarding field naming.

[aakashbashyal21]

I have tried using ID selector for different field !! But it didn't worked !!

[IckleChris]

In what way did it not work? Did you provide submitFieldNames for each instantiation? If not there will be a duplicate error.

[aakashbashyal21]

  <input name="dob" id="dateofBirth" >
  <input name="start_date" id="startDate" >

        $("#dateofBirth").dateDropdowns({
            daySuffixes: false,
            defaultDateFormat: "mm/dd/yyyy",
            submitFormat: "mm/dd/yyyy",
            displayFormat: "mdy",
            submitFieldName:"dob",
            required: true
        });

        $("#startDate").dateDropdowns({
            daySuffixes: false,
            defaultDateFormat: "mm/dd/yyyy",
            submitFormat: "mm/dd/yyyy",
            displayFormat: "mdy",
            submitFieldName: "start_date",
            required: true
        });

I have tried this but it produces following error !! Is this a Wrong approach ??

Uncaught Error: Duplicate element found