[英]displaying server side validation error messages on alpaca form
有人可以提供一個非常簡單的示例,說明如何在羊駝毛表單上顯示服務器端驗證消息嗎?
例如,如果http://www.alpacajs.org/demos/bootstrap/simple/simple1.html 上的簡單表單隨 ajax 請求一起提交並且服務器返回以下(或類似)驗證消息,我該如何顯示消息:
{
"success":false,
"errors": [
{
"field": "first",
"message": "first name must be unique"
},
{ "field": "last",
"message": "last name must be unique"
}]
}
我閱讀了這些問題,但不幸的是我無法找到解決方案。
我終於想出了一個簡單的 jQuery DOM 操作解決方案:
"submit": {
"title": "Send Form Data",
"click": function(e) {
var errorDiv = '<div class="help-block alpaca-message" style="color: #a94442;"><i class="glyphicon glyphicon-exclamation-sign"></i> ';
var promise = this.ajaxSubmit();
promise.done(function(sdata) {
if (sdata.success == true) {
window.location.href ="/user/occasion";
return true;
}
$.each(sdata.errors, function(field, message) {
aField = $('[data-alpaca-field-name="' + field + '"]');
if (aField.length === 0)
return true;
aField.addClass('has-error');
aField.after(errorDiv + message + "</div>");
});
});
promise.fail(function(sdata) {
var message = 'Server error!</br>' + sdata.responseText;
$('.alpaca-container').after(errorDiv + message + "</div>");
});
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.