Искам да направя предварителна проверка на сървъра на формуляр в модел Backbone.js . За да направя това, трябва да превърна въведените от потребителя данни от формуляра в използваеми данни. Намерих три метода за това:
var input = $("#inputId").val();
var input = $("form.login").serialize();
var input = $("form.login").serializeArray();
За съжаление, нито един от тях не предоставя добър JSON обект, който може да се използва повторно и да се разработва, какъвто ми е необходим. Вече прегледах няколко въпроса в Stack Overflow, но намерих само някакви допълнителни библиотеки.
Нима 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();
Ето една функция за този случай на употреба:
function getFormData($form){
var unindexed_array = $form.serializeArray();
var indexed_array = {};
$.map(unindexed_array, function(n, i){
indexed_array[n['name']] = n['value'];
});
return indexed_array;
}
Употреба:
var $form = $("#form_data");
var data = getFormData($form);
Можете да направите това:
function onSubmit( form ){
var data = JSON.stringify( $(form).serializeArray() ); // <-----------
console.log( data );
return false; //don't submit
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form onsubmit='return onSubmit(this)'>
<input name='user' placeholder='user'><br>
<input name='password' type='password' placeholder='password'><br>
<button type='submit'>Try</button>
</form>
вижте това: http://www.json.org/js.html
Намерих един възможен помощник:
https://github.com/theironcook/Backbone.ModelBinder
и за хората, които изобщо не искат да влизат в контакт с формуляри: https://github.com/powmedia/backbone-forms
Ще разгледам по-отблизо първия линк и след това ще дам някаква обратна връзка :)