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

Question

有什么方法可以将诺言与语义ui上的自定义规则一起使用？ 我想用我的自定义规则来验证一个字段。 如果服务器的响应为假，则字段必须为红色。 这就是我想要做的。

$.fn.form.settings.rules.myCustomRule = function(param) {
let myPromise = this.get('api').r_get(allUrls.urlName, model);
  myPromise.then(
    response => {
        return true;
    }
  ).catch(
    error => {
        return false;
    }
  );
}

Answer 1

当promise返回false时，可以将error类添加到div或输入。 那行得通吗？ 像这样：

 function simulateServer(){ $('#serverresponse').addClass('error'); } 

 <link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.3/semantic.css" rel="stylesheet"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="serverresponse" class="ui input"> <input type="text" placeholder="Search..."> </div> <br><br> <button onclick="simulateServer()">Contact Server</button> 

自定义规则承诺将不可能实现，因为它期望立即做出响应。