Backbone.jsモデルでフォームの事前サーバー検証を行いたいと考えています。これを行うには、ユーザー入力をフォームから使用可能なデータに取得する必要があります。これを行うには、次の 3 つの方法を見つけました。
var input = $("#inputId").val();
var input = $("form.login").serialize();
var input = $("form.login").serializeArray();
残念ながら、どれも私が必要とする、再利用可能で開発可能な優れた JSON オブジェクトを提供していません。スタック オーバーフローに関するいくつかの質問を既に調べましたが、いくつかの余分なライブラリしか見つかりませんでした。
Underscore.js、現在の jQuery または Backbone.js はヘルパー メソッドを提供していませんか?
そのような機能に対する要求がないとは想像できません。
HTML
<form class="login">
<label for="_user_name">username:</label>
<input type="text" id="_user_name" name="user[name]" value="dev.pus" />
<label for="_user_pass">password:</label>
<input type="password" id="_user_pass" name="user[pass]" value="1234" />
<button type="submit">login</button>
</form>
JavaScript
var formData = $("form.login").serializeObject();
console.log(formData);
出力
{
"name": "dev.pus",
"pass": "1234"
}
Backbone.js モデル
var user = new User(formData);
user.save();