JSFiddle - React, Tailwind, and code Playground

by Sam Tyson

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<form id="everything" action="#" type="POST">
<select name="dd1" id="dd1">
<option value="none">None</option>
<option value="o1">option 1</option>
<option value="o2">option 2</option>
<option value="o3">option 3</option>
</select>
    <input type="submit" onClick="validate();return false;" />
</form>

JavaScript

$("#everything").validate({
    onsubmit: false,
    rules: {
        dd1: {
            required: {
                depends: function(element) {
                    return $("#dd1").val() == "none";
                }
            }
        },
        messages: {
            dd1: {
                required: "Please select an option from the list, if none are appropriate please select 'Other'",
            },
        }
    }
 });