JSFiddle - React, Tailwind, and code Playground

by Joe

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>

<form id="everything">
  <label for="dd1">Select the best option</label><br />
  <select name="dd1" id="dd1" class="required">
    <option value="">None</option>
    <option value="o1">option 1</option>
    <option value="o2">option 2</option>
    <option value="o3">option 3</option>
  </select>
  <br /><br />
  <input type="submit" />
</form>

JavaScript

$("#everything").validate({
  messages: {
    dd1: {
      required: "Please select an option from the list, if none are appropriate please select 'Other'",
    },
  }
});