JSFiddle - React, Tailwind, and code Playground

by refan

HTML

<script src="https://cdn.jsdelivr.net/jquery.validation/1.15.0/jquery.validate.js"></script>
<form id="myform">
  <select id="dropdown1" name="dropdown1" title="Please select something!">
    <option value="">Select...</option>
    <option value="1">BMV</option>
    <option value="2">VW</option>
    <option value="3">Seat</option>
  </select>

  <select id="dropdown2" name="dropdown2" title="Please select something!">
    <option value="">Select...</option>
    <option value="1">Leon</option>
    <option value="2">3.20d</option>
    <option value="3">Golf</option>
  </select>
  <button id="goster">
    deneme
  </button>
  <span id="msg"></span>
</form>

JavaScript

$("#myform").validate({
  rules: {
    dropdown1: {
      required: true
    },
    dropdown2: {
      required: function(element) {
        return $("#dropdown1").val() != "";
      }
    }
  }
});



$("#goster").click(function() {

$("#myform").valid();
  var val = $("#dropdown2").val();
  alert(val);
  $("#msg").text(val);
  return false;
});