JSFiddle - React, Tailwind, and code Playground

by Prithviraj mitra

HTML

<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.js"></script>
<form id="myform" action="submit.php">
  <select name="cause[0]" id="cause" class="cause">
    <option value="">Cause to Support</option>
    <option value="993">Medical</option>
    <option value="355">Children</option>
  </select>
  <select name="cause[2]" id="cause" class="cause">
    <option value="">Cause to Support</option>
    <option value="993">Medical</option>
    <option value="355">Children</option>
  </select>
  <input type="submit" name="submit" value="submit" />
</form>

JavaScript

$(document).ready(function() {

  $.validator.setDefaults({
    submitHandler: function() {
      alert("submitted!");
    }
  });
  $("#myform").validate({
    rules: {
      "cause[]": "required"
    },
    messages: {
      "cause[]": "Please select a cause"
    },
    errorLabelContainer: "#errorContainer"
  });


});