Блог

Может ли кто-нибудь предоставить очень простой пример того, как отобразить сообщение о проверке на стороне сервера в форме alpaca?

Например. Как мне отобразить сообщения, если простая форма в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"
  }]
}
  

Я прочитал эти проблемы, но, к сожалению, я не смог найти решение для этого.

• https://github.com/gitana/alpaca/issues/598
• https://github.com/gitana/alpaca/issues/563
• https://github.com/gitana/alpaca/issues/579

Я, наконец, придумал простое решение для манипулирования 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>amp;nbsp;';
    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>");

    });
}
  

}