JSFiddle - React, Tailwind, and code Playground

by truetone

HTML

<div id="form-register">
    <form action="#">
        <select name="select">
            <option value="Select Brand">Select Brand</option>
            <option value="value1">Value 1</option> 
            <option value="value2">Value 2</option>
            <option value="value3">Value 3</option>
        </select>
        <select name="select">
            <option value="Select Brand">Select Brand</option>
            <option value="value4">Value 4</option> 
            <option value="value5">Value 5</option>
            <option value="value6">Value 6</option>
        </select>
        <input type="submit" class="button"></input>
    </form>
</div>

JavaScript

// form-submit
$('#form-register form .button').click(function(e) {
  e.preventDefault();  // don't submit it
  var submitOK = true;
  $('#form-register').find("select").each(function() {
        if ($(this).val() == "Select Brand") {
              alert ('Please select an appliance and a brand');
              submitOK = false;
              return false;  // breaks out of the each
       }
  });
    //alert(submitOK);
  if (submitOK) {
        alert("It didn't work.");
        $('#form-register form').submit();
  }
});