Récuperer les données d'un formulaire HTML avec Knockout.js

**Thibault92** · 21/03/2012, 11h59

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

**Thibault92** · 21/03/2012, 15h04

Résolu

Pour ceux que ça intéresse :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<!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: finame" /></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: "login",
				finame: "password",
 
				save: function () {
					alert(this.finame);
					alert(this.lname);
				}
			};
			ko.applyBindings(viewModel);
		</script>
		<!--<script src="js/myKnock.js"></script>-->
	</body>
</html>

Récuperer les données d'un formulaire HTML avec Knockout.js

JavaScript

Discussions similaires

Partager

Partager