Discussion :

[simo.touzani]

bonjour,

je développe une petite application en java j'ai un formulaire avec 3 boutons ( ajouter/modifier/et vider) chaque bouton contient un onclick avec sa fonction définis en javascript. lors du click il n’accède pas a la fonction.

voila le code pour bien comprendre.

Code html :

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
36
37
38
39
40
41
<form name="form" method="get" id="form_sample_1" class="form-horizontal">
                        <fieldset>
                            <div class="alert alert-error hide">
                                <button class="close" data-dismiss="alert"></button>
                                You have some form errors. Please check below.
                            </div>
                            <div class="alert alert-success hide">
                                <button class="close" data-dismiss="alert"></button>
                                Your form validation is successful!
                            </div>
 
                            <div class="control-group">
                                <label class="control-label">id_marque<span
                                    class="required">*</span></label>
                                <div class="controls">
                                    <input type="text" name="id_marque" class="span6 m-wrap"
                                        <%if (request.getParameter("id") != null) {%>
                                        value="<%out.print(request.getParameter("id"));%>"
                                        disabled="disabled" <%}%> />
                                </div>
                            </div>
 
                            <div class="control-group">
                                <label class="control-label">libelle<span
                                    class="required">*</span></label>
                                <div class="controls">
                                    <input type="text" name="libelle" class="span6 m-wrap" />
                                </div>
                            </div>
 
                            <div class="form-actions">
                                <button type="submit" name="ajouter" class="btn btn-primary"
                                    onclick="ajouter()">Add</button>
                                <button type="submit" name="modifier" class="btn btn-primary"
                                    onclick="modifier()">Update</button>
                                <button type="button" class="btn">Cancel</button>
 
 
                            </div>
                        </fieldset>
                    </form>

et voila le code javascript

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
<script type="text/javascript">
	function ajouter() {
		alert("ajouter");
		this.Document.form.action = "ajoutM.action";
		this.Document.form.submit;
 
	}
 
	function modifier() {
		alert("modifier");
		this.Document.form.action = "modM.action";
		this.Document.form.submit;
 
	}
 
	function cancel() {
		alert("cancel");
	}
</script>

[mathspountz]

Ca n'arrangerait pas le problème d'utiliser onsubmit() ?

[Auteur]

bonsoir,

un formulaire ne doit contenir qu'un seul bouton type="submit" ! D'ailleurs, ce n'est pas l'objet button qu'il faut utiliser mais input. Et transforme les en type="button".


Si toutefois tu veux garder des boutons submit :
Comment faire pour avoir deux boutons submit dans le même formulaire ?