Обновление модели RivetsJS с функцией сохранения

Question

Я получил эти входные данные, и если я использую rv-значение, я могу обновлять данные в режиме реального времени, но я хочу анализировать данные, только если пользователь нажимает сохранить... как я могу это сделать?

    <form class="form">
        <div class="col-md-6">
            <label>ID</label>
            <input class="form-control" name="id" value="" rv-placeholder="user.id" rv-value=""><br/>
            <label>Name</label>
            <input class="form-control" name="name" value="" rv-placeholder="user.name" rv-value=""><br/>
            <label>Age</label>
            <input class="form-control" name="age" value="" rv-placeholder="user.age" rv-value="">
        </div>
        <div class="col-md-6">
            <label>City</label>
            <input class="form-control" name="city" value="" rv-placeholder="user.city" rv-value="user.city"><br/>
            <label>State</label>
            <input class="form-control" name="state" value="" rv-placeholder="user.state" rv-value=""><br/>
            <label>Zip</label>
            <input class="form-control" name="zip" value="" rv-placeholder="user.zip" rv-value="">
        </div>
    </div>
    </form>

Answer 1

Я создал скрипку, которая отвечает на ваш вопрос: https://jsfiddle.net/fba88ph9/13/

var data = {
    placeholder: {
    id: 0,
    name: "your name",
    age: "your age",
    city: "city",
    state: "state",
    zip: "1804YZ"
  },
  user : {},
  save : function(){
    var parsedData = JSON.parse(JSON.stringify(data.user));
    //do something with the parsedData.
    console.log(parsedData);
  }
};


rivets.bind($("#app"), data);

Я разделил объект пользователя и объект-заполнитель. Связывая пользовательские ключи с rv-valueпользовательский объект будет обновляться при каждом изменении формы. Добавленная кнопка сохранения вызовет функцию сохранения при нажатии с помощью rv-on-click, Это клонирует текущие данные с помощью JSON-трюка.