有没有一种方法可以在语义ui上使用promise和自定义验证

Question

有没有办法在语义ui上使用诺言和自定义规则？ 我想用我的自定义规则来验证一个字段。如果服务器的响应为假，则字段必须为红色。 这就是我想要做的。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="cities" id="cities">
    <option value="Los Angeles">Los Angeles</option>
    <option value="Miami">Miami</option>
    <option value="Las Vegas">Las Vegas</option>
    <option value="Chicago">Chicago</option>
</select>

<select name="cities2" id="cities2">
    <option data-cities="Los Angeles">Los Angeles</option>
    <option data-cities="Miami">Miami</option>
    <option data-cities="Las Vegas">Las Vegas</option>
    <option data-cities="Chicago">Chicago</option>
</select>

<script>
  $('#cities').change(function(e){
    var option = $(this).val();
    console.log("Selected first: " + option);
    
    if ($(this).val() == "Miami" && option == "Miami") {
      console.log("This is Miami");
      $("#cities2 option").prop('disabled',true);           
      $("#cities2 option[data-cities='Miami']").prop('disabled', false);
      $("#cities2 option[data-cities='Miami']").prop('selected',true); 
    } else {
      console.log("Not Miami");
      $("#cities2 option").prop('disabled', false);
    };
  });
</script>