ImageButton et validation formulaire

**Stephane_br** · 26/09/2011, 10h36

Bonjour,

j'ai un souci avec un ImageButton.
Habituellement, je valide un formulaire avec ce contrôle, mais là, je suis sur un nouveau site web et je m'arrache les cheveux depuis un moment, un truc qui habituellement fonctionne niquel, là je ne sais pas pourquoi, ça ne veut pas me valider le formulaire :

=> Au lieu d'envoyer à la page suivante indiqué dans mon bouton, ça me recharge en postback la même page.

J'ai fais un test sur mon site avec une page vierge et juste le code de mon bouton et ça fait pareil. Voici mon code pour infos :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
 
   <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/VALIDER.jpg"
             PostBackUrl="resultat.aspx" CausesValidation="true" ToolTip="Valider les informations de cette page.."  />
    </div>
    </form>
</body>
</html>

et mon code behind :

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
Imports System
Imports System.Data
Imports System.IO
Imports System.Configuration
Imports System.Collections
Imports System.Web
Imports System.Web.Security
Imports System.Web.UI
Imports System.Web.UI.WebControls
Imports System.Web.UI.WebControls.WebParts
Imports System.Web.UI.HtmlControls
Imports System.Data.OleDb
Imports System.Data.SqlClient
 
Partial Class Essais4
    Inherits System.Web.UI.Page
 
End Class

Je ne vois ps d'où peut venir mon problème ?

Faut-il configurer un truc quelque part ?

**Ramajb** · 26/09/2011, 15h08

Je ne vois pas non plus à part le fait que la directive @Page est manquant dans ton aspx. Mais je ne pense pas que cela va résoudre ton problème. Essaie de lancer une nouvelle fois ton exemple et nous montrer le code source html générer une fois sur le navigateur.

**Stephane_br** · 26/09/2011, 15h41

Bonjour et merci pour ta réponse.

Voici le code html généré après un click sur mon bouton :

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
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><title>
 
</title></head>
<body>
    <form method="post" action="essais4.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTEwNjg4NTM5OGQYAQUeX19Db250cm9sc1JlcXVpcmVQb3N0QmFja0tleV9fFgEFDEltYWdlQnV0dG9uMcuuepKG8U07XC8l6u7+jM1w79VAloSov83uV8wOh8Bj" />
</div>
 
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>
 
 
<script src="/WebResource.axd?d=rkazpLeYWW4WDE6cPcKtNLarREI_VTauGwy-o-9HtrD5pAuoRI_Iion_7vwjcHTcbkxaiB0b_4sIeAb7uyAFJrkAeiIHSrYB2NLTk4WmGn41&amp;t=634502915910673825" type="text/javascript"></script>
 
<div class="aspNetHidden">
 
	<input type="hidden" name="__PREVIOUSPAGE" id="__PREVIOUSPAGE" value="5FspOZJNDJryiUCCCEMrWMnKlojis617P-5TNDIyjI02aMHdqpYo3ytS9t5gdZ3BoQs51FAcfBHhDI75CoIQmv1cKATDRJO5vxgd2B1TgZo1" />
	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAgL8pca1DQLSwpnTCJtKBfIz+JPzuyg0BTbWLfLQxhp9J0NClyhPkL+9OQuw" />
</div>
    <div>
 
   <input type="image" name="ImageButton1" id="ImageButton1" title="Valider les informations de cette page.." src="images/VALIDER.jpg" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ImageButton1&quot;, &quot;&quot;, false, &quot;&quot;, &quot;resultat.aspx&quot;, false, false))" />
    </div>
    </form>
</body>
</html>

**Ramajb** · 26/09/2011, 17h14

je ne suis pas sur, le code me semble bon. Sinon peux tu le lancer avec un autre navigateur?

**Stephane_br** · 26/09/2011, 17h28

j'ai essayé sous Firefox, sous Chrome, sous IE9, sous Safari .... pfff .... ça ne marche pas. Peut-être y-a-t-il quelque chose à régler côté web.config ou IIS ???

**Ramajb** · 27/09/2011, 09h35

Je suis à court d’idée. Si le temps presse, je te conseil de le changer en Button . Puis dans son gestionnaire d’événements, appeler la méthode Response.Redirect("page_cible") pour faire le cross page.

ImageButton et validation formulaire

ASP.NET

Vue hybride

Discussions similaires

Partager

Partager