Discussion :

[ThePhenom]

Bonjour à tous,

Je suis actuellement entrain de migrer le code html generé par les jsp en code xhtml. Je constate que la validation grace au code javascript coté client ne marche plus dutout depuis que je suis passé en mode xhtml(la validation coté serveur fonctionne tjs parfaitement). Le code xhtml generé passe la validation w3c.

En comparant les fichiers html/xhtml j'ai constaté que l'attribut du formulaire html

name="designerForm"

etait devenu

id="designerForm"

en xhtml je suppose que c'est la raison pour laquel ca ne fonctionne pas...

Lorsque que j'envoie le formulaire la console du browser m'indique une erreur(form is null) sur cette ligner

oRequired = eval('new ' + formName.value + '_required()');

Voici le code de ma jsp:

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
 
<%-- 
    Document   : designer
    Created on : 27-mars-2009, 19:03:28
    Author     : mmeester
--%>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
 
<html:xhtml/>
 
<html:javascript scriptLanguage="false" cdata="true" formName="designerForm"/>
 
<tiles:importAttribute name="action" scope="request"/>
<tiles:importAttribute name="submitButtonName" scope="request"/>
<tiles:importAttribute name="introductionForm" scope="request"/>
 
<h3><bean:message key="${introductionForm}"/></h3>
<html:form action="${action}" onsubmit="return validateDesignerForm(this)">   
        <p><html:hidden name="designerForm" property="id"/><label class="requiredInput" for="designerForm_nom"><bean:message key="admin.designer.form.nom"/>:</label><html:text styleClass="designerFormInput1" styleId="designerForm_nom" name="designerForm" property="nom" size="32" maxlength="64"/></p>
        <p><label class="requiredInput" for="designerForm_prenom"><bean:message key="admin.designer.form.prenom"/>:</label><html:text styleClass="designerFormInput1" styleId="designerForm_prenom" name="designerForm" property="prenom" size="32" maxlength="64"/></p>
        <p class="ptextarea"><label class="labeltextarea" for="designerForm_biographie"><bean:message key="admin.designer.form.biographie"/>:</label><html:textarea styleClass="designerFormTextArea" styleId="designerForm_biographie" name="designerForm" property="biographie" rows="10" cols="57"/></p>
        <p class="submit"><html:submit><bean:message key="${submitButtonName}"/></html:submit></p>
 
</html:form>

Quelqu'un aurait il deja rencontré ce probleme ? Est ce un bug ds struts ou un probleme de config ? Je sais plus trop quoi faire pour avoir un code javascript qui fonctionne ...

[c_nvy]

Quelle version de Struts utilises-tu ?

Dans le commons wiki concernant la version 1.2.0 des Commons Validator, il est écrit :

In Struts 1.2.7 Javascript validation doesn't work in XHTML mode (see Bug 35127) - resolving this bug requires upgrading to Struts 1.2.8 (hopefully soon to be released) and Validator 1.2.0

Le bug 35127 est aussi référencé dans les release notes de Struts 1.2.8 avec pour description :

Changing rendering of the form name to use the 'id' attribute when in XHTML strict mode.

Tu avais donc bien identifié le problème.

[ThePhenom]

Merci effectivement j'utilisais struts 1.2.9 fournie ds netbeans 6.5 ... Je suis passé a la version 1.3.10 est maintenant ca fonctionne parfaitement !