Contact Form Validation

hello can you help me with contact form validation. Code Below: <div class="row"> <!--Grid column--> <div class="col-md-8 col-xl-9"> <form enctype="" action="" method="POST" id="" accept-charset="UTF-8" target=""> <!--Grid row--> <div class="row"> <!--Grid column--> <div class="col-md-6"> <div class="md-form"> <div class="md-form"> <input type="text" id="contact-name" class="form-control"> <label for="contact-name" class="">Your name</label> </div> </div> </div> <!--Grid column--> <!--Grid column--> <div class="col-md-6"> <div class="md-form"> <div class="md-form"> <input type="text" id="contact-email" class="form-control" required> <label for="contact-email" class="" >Your email</label> </div> </div> </div> <!--Grid column--> </div> <!--Grid row--> <!--Grid row--> <div class="row"> <div class="col-md-12"> <div class="md-form"> <input type="text" id="contact-Subject" class="form-control"> <label for="contact-Subject" class="">Subject</label> </div> </div> </div> <!--Grid row--> <div class="row"> <div class="col-md-12"> <div class="md-form"> <input placeholder="Selected date" type="text" id="datepicker" class="form-control datepicker"> <label for="date-picker-example">Pick date</label> </div> </div> </div> <!--Grid row--> <div class="row"> <div class="col-md-12"> <div class="md-form"> <input placeholder="" type="text" id="contact-Phone" class="form-control"> <label for="contact-phone">Phone Number</label> </div> </div> </div> <!--Grid row--> <div class="row"> <!--Grid column--> <div class="col-md-12"> <div class="md-form"> <textarea type="text" id="contact-message" class="md-textarea"></textarea> <label for="contact-message">Reason for Appointment Request</label> </div> </div> </div> <!--Grid row--> </form> <div class="center-on-small-only"> <a class="btn btn-primary">Send</a> </div> </div>

---