JSFiddle - React, Tailwind, and code Playground

by muthusamy

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<form id="form">
<select id="selectBox1" name="selectBox1">
    <option value="">Select</option>
    <option value="1">A</option>
    <option value="2" data-mandatory="true">B</option>
    <option value="3">C</option>
</select>
<input type="text" id="email" name="email" />
<input type="submit">
</form>

JavaScript

$('form').validate({
    rules: {
        email: {
            required: "#selectBox1 option[data-mandatory]:selected"
        }
    },
    submitHandler: function () {
        alert('form ok');
    }
})