Récuperer les données d'un formulaire HTML avec Knockout.js
Bonjour,
j'ai un probleme pour récuperer les données issues d'un formulaires HTML en utilisant knockout, dans un premier temps mon objectif est d'effectuer cette récupération via knockout et de restituer les données dans un simple alert(); pour ensuite évoluer vers une conversion au format JSON.
Mais actuellement je n'arrive meme pas à récuperer mes données, (j'avoue avoir du mal a saisir le principe knockout sur un formulaire).
Ci joint le code correspondant :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
| <!DOCTYPE html>
<html lang="fr" xml:lang="fr">
<head>
<title>TEST KNOCKOUT JS</title>
<script src="js/knockout-2.0.0.js"></script>
</head>
<body>
<form class="test" data-bind="submit: save">
<p>First name: <input data-bind="value: fname" /></p>
<p>Last name: <input data-bind="value: lname" /></p>
<button type="submit">Go</button>
</form>
<script type="text/javascript">
var viewModel = {
//Test insertion depuis Knockout
lname: "df",
fname: "efr",
save: function () {
alert('test');
test = viewModel.fname();
// ici je souhaite récuperer le 'lastname' pour l'afficher dans mon alert
alert(test);
viewModel.fname();
}
};
ko.applyBindings(viewModel);
</script>
</body>
</html> |
Si quelqu'un a une idée je suis preneur car les tutos sur les formulaires utilisant Knockout sont très rares...