JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.js"></script>
<form id="Form">
<select id="id_level" name="id_level">
<option value="">-choose-</option>
<option value="1">-Administrator-</option>
<option value="2">-Kondektur Bus-</option>
<option value="3">-Staf Operasi-</option>
</select>
<input name="job" type="text" id="job" />
<input type="submit" />
</form>
JavaScript
$(document).ready(function () {
$("#Form").validate({
rules: {
id_level: "required", // <- shortcut for one rule
job: { // <- more than one rule on this field
required: true,
notEqual: '#id_level' // <- set your custom rule parameter to id="id_level"
}
},
messages: {
id_level: "choose one",
job: {
required: "must fill" // <- need to specify which rule here
}
}
});
jQuery.validator.addMethod("notEqual", function (value, element, param) {
return this.optional(element) || value != $(param).val();
}, "Please specify a different (non-default) value");
});