有没有办法在语义 ui 上使用带有自定义验证的承诺

Question

有没有办法在语义 UI 上将 promise 与自定义规则一起使用？ 我想使用自定义规则验证字段。如果服务器的响应为假，则字段必须为红色。 这就是我要做的。

$.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>

使用自定义规则承诺是不可能的，因为它希望立即响应。