Мастер форм альпаки - отправка формы методом POST

Question

Я новичок в формах альпака и переполнения стека.

Я пытаюсь отправить форму с помощью мастера. Я перепробовал много решений, но сомневаюсь, как это сделать.

Я изменил вставку "атрибутов", "формы" и "кнопок", но ничего не работает.

У кого-нибудь есть представление о том, что не так?

<script type="text/javascript">
$("#form1").alpaca({
"dataSource": "./data/customer-profile-data.json",
"schemaSource": "./data/customer-profile-schema.json",
"optionsSource": "./data/customer-profile-options.json",
"view": {
    "parent": "bootstrap-edit-horizontal",
    "wizard": {
        "title": "Welcome to the Wizard",
        "description": "Please fill things in as you wish",
        "bindings": {
            "name": 1,
            "age": 1,
            "gender": 1,
            "photo": 1,
            "member": 2,
            "phone": 2,
            "icecream": 3,
            "address": 3,
        },
        "steps": [{
            "title": "Getting Started",
            "description": "Basic Information"
        }, {
            "title": "Details",
            "description": "Personal Information"
        }, {
            "title": "Preferences",
            "description": "Customize your Profile",
        }],
        "form" : {
             "method" : "POST",
             "action" : "http://httpbin.org/post",
           },
           "buttons" : {
               "submit" : {
                   "title" : "Sauve Response",
                   "id": "mySubmit",
                   "click": function(callback){
                     console.log("submit() - ".$("#form1"));
                   },
               }
             },
        /*"attributes": {
            "data-test": "123",
            "method": "post",
            "action": "http://httpbin.org/post"
        },
        "buttons": {
          "submit":{
            "value": "Sumbit",
          }
        }
        //"validation": true,
      /*  "buttons": {
            /*"first": {
                "title": "Go to First Page",
                "align": "left",
                "click": function(e) {
                    this.trigger("moveToStep", {
                        "index": 0,
                        "skipValidation": true
                    });
                }
            },
            "previous": {
                "validate": function(callback) {
                    console.log("Previous validate()");
                    callback(true);
                }
            },
            "next": {
                "validate": function(callback) {
                    console.log("Next validate()");
                    callback(true);
                }
            },*/
    /*        "submit": {
                "title": "All Done!",
                "name": "submit",
                "type": "submit",
                "id": "mySubmit",
                "click": function(callback){
                  console.log("submit()");
                },
                "submit": function(callback){
                  console.log("Next validate()");
                }
            }
        }*/
    },
    //"locale": "es_ES
    "locale": "fr_FR",
}
});
</script>

Answer 1

Для этого вы можете использовать ajax или jquery post метод в событии click на кнопке отправки, например:

$.post( "//httpbin.org/post", this.getValue());

Вот рабочая скрипка для этого.