webshim | Webshims Lib is a modular capability | Frontend Framework library

I want to make a confirmation box if the form validated. This is my code:

I use webshim/pollyfill for validation

I've recently started learning JavaScript and PHP. Here in my code, I want to add items to the system as an administrator. I've done the validation up to some point. This validation is not that much strict, but it's submitting the form without showing up the empty fields, or incorrectly filled fields. As I'm a beginner I can't spot out the error, but the code works fine. Any suggestions to avoid these errors and to do the validation correctly?

I am using Bootstarp theme sb-admin2, I have input date controls that are working in chrome but not in firefox, issue is that input date control uses jquery 1.10 version and bootstrap is using JQuery 3 version, i Used following code in javascript, that brings the date control in firefox but is not able to open date picker,

In order to deal with validation of fields with multiple optional checkboxes I used webshims polyfill.

The form has checkboxes that hide/unhide sections of the form.

Initial task was to only validate/require the hidden sections if they became visible.

My initial idea was to use the features of webshims polyfill to only require a hidden field if the checkbox associated with making that field visible was checked.

Problem #1: Some of the hidden sections include these multi-checkbox type fields that need validation. How do I get these fields to make use of webshims' data-grouprequired="" feature so I can validate these multi-checkbox fields?

Problem #2: There is one hidden section (Registries/id=div3) with 5 input text fields - the end user only needs to fill in at least one of these fields. How do I make it so that when this hidden section becomes visible, only a minimum of one of the 5 fields is required in order to validate the form?

Alternatively, if there is a better solution I'd love to learn. I am very new to this.

Here's the relevant code from the form:

I have a code in which we have to select year, month, date when we click on calendar icon for Mozilla Firefox.

Please suggest a way to display specified date's month-window.

So that we can just select date, instead of going all way down through year, month, date.

Note: It's working like charm in other browsers except Mozilla

I wrote a code that are compatible with Firefox by using this code

I have some html5 form fields on a website that I manage that push the data inputted by users to a php file that sends an email to a dedicated yahoo email for the site.

Here is the html: