Discussion :

[wonay]

En gros jai un formulaire, au moment ou on valid, on fait une requete au serveur si tout est ok on switch de page sinon on reste sur la meme mais on affiche un ptit message derreur.

Pour faire sa jai mon js qui intercepte le forlulaire, le renvoi au servlet, le servlet lanalyse et renvoie une erreur au js si yen a.
si le js recoi quelque chose il affiche une erreur, sinon la servlet fait un Sendredirect.

Je lai deja fait plusieurs fois et sa fonctionne mais pour cette page des fois il est envoyer deux fois, jai bidouiller et maintenant il est envoyer mais la redirection marche pas.

[DevServlet]

Pour faire sa jai mon js qui intercepte le forlulaire, le renvoi au servlet, le servlet lanalyse et renvoie une erreur au js si yen a.

Une servlet ne cause pas avec un script js directement, une servlet echange un document html/(ou jsp devant produire un html), la js ne sait communiquer qu'avec ton DOM.
Ceci

Pour faire sa jai mon js qui intercepte le forlulaire, le renvoi au servlet, le servlet lanalyse et renvoie une erreur au js si yen a.
si le js recoi quelque chose il affiche une erreur, sinon la servlet fait un Sendredirect.

n'est pas cohérent avec ceci :

Au fur et à mesure de la saisie ? ==> Ouaip

J'ai l'impression que tu nous menes an bateau là

[wonay]

Je post les script de la page ce soir, vous comprendrez peut etre mieu ce que je veux faire.

[OButterlin]

Une servlet ne cause pas avec un script js directement, une servlet echange un document html/(ou jsp devant produire un html), la js ne sait communiquer qu'avec ton DOM.

Ajax est là pour causer avec une servlet depuis le javascript et une servlet n'est pas limitée au html, heureusement d'ailleurs...

[wonay]

Ajax est là pour causer avec une servlet depuis le javascript et une servlet n'est pas limitée au html, heureusement d'ailleurs...

Ah merci ! ^^

[wonay]

Donc voila mon soucis :

j'ai ce formulaire :

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
<%@ include file="include/header.jsp" %>
<LINK rel="stylesheet" href="design/Install.css" type="text/css"/>
<script src="js/Install.js"></script>
<%@ include file="include/headPage.jsp" %>
 
 
 
<div class="Content">
<div class="InstallDiv">
    <fieldset>
    <legend><%= ((Lang)request.getAttribute("LangCore")).GetLangVersion("Install") %></legend>   
        <fieldset class="SubBorder">
            <legend class="IDTitle"><%= ((Lang)request.getAttribute("LangCore")).GetLangVersion("DBTitle") %></legend>
            <form id="ValidationDBForm" method="POST">
            <p><label for="DBHost"><%= ((Lang)request.getAttribute("LangCore")).GetLangVersion("Host") %></label><input type="text" id="DBHost" name="DBHost" /></p>
            <p><label for="DBPort">Port: </label><input type="text" id="DBPort" name="DBPort" /></p>
            <p><label for="DBDBName"><%= ((Lang)request.getAttribute("LangCore")).GetLangVersion("DBName") %></label><input type="text" id="DBDBName" name="DBDBName" /></p>
            <p><label for="DBUserName"><%= ((Lang)request.getAttribute("LangCore")).GetLangVersion("username") %></label><input type="text" id="DBUserName" name="DBUserName" /></p>
            <p><label for="DBPsw"><%= ((Lang)request.getAttribute("LangCore")).GetLangVersion("psw") %></label><input type="password" id="DBPsw" name="DBPsw" /></p>
            <p class="PCenter"><input class="button" id="ValidationDBButton" type="submit" value="OK"/></p>
            <p class="PCenter"><label class="ERROR" id="result_DB_display">&nbsp;</label></p>
            </form>
        </fieldset>
    </fieldset>
        </div>
</div>
 
<%@include file="include/footer.jsp" %>

qui est lié a ce JS

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
$(function(){
 
    $('form#ValidationDBForm').submit(function(){
        $('label#result_display').html(" ");
        var itsok = true;
        var Host = $('input#DBHost').val();
        var username = $('input#DBUserName').val();
        var psw = $('input#DBPsw').val();
        var port = $('input#DBPort').val();
        var DBName = $('input#DBDBName').val();
 
        var parameter = "DBHost=" + Host + "&DBUserName=" + username + "&DBPsw=" + psw + "&DBPort=" + port + "&DBName=" + DBName;
 
        SendInstallRequest(parameter,function(output){
            $('label#result_display').html(" ");

ici cest le traitement des erreurs

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
 
            if (output.indexOf("ERROR--")!=-1){
                var outputredif = output.replace("ERROR-- ","").replace("PSW ", "").replace("USER ", "").replace("HOST ", "").replace("PORT ", "").replace("NAME ", "");
 
                if(output.indexOf("USER ") != -1){
                    $('input#DBUserName').focus();
                }
                if(output.indexOf("PSW ") != -1){
                    $('input#DBPsw').focus();
                }
 
                if(output.indexOf("NAME ") != -1){
                    $('input#DBDBName').focus();
                }
 
                if(output.indexOf("PORT ") != -1){
                    $('input#DBPort').focus();
                }
 
                if(output.indexOf("HOST ") != -1){
                    $('input#DBHost').focus();
                }
 
                $('label#result_DB_display').text(outputredif);
 
                itsok = false;
            }
        }); // fin sendrequest
        return itsok;
    });
 
});

et la cest la fonction d'envoi de requete

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
 
function SendInstallRequest(params,f){
    var http = new XMLHttpRequest();
    var url = "INSTALL";
 
    http.open("POST", url, false);
 
    http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    http.setRequestHeader("Content-length", params.length);
    http.setRequestHeader("Connection", "close");
 
    http.onreadystatechange = function() { //Call a function when the state changes.
            if(http.readyState == 4 && http.status == 200) {
                   f(http.responseText);
            }
    };
 
    http.send(params);
}
 
runOnLoad(function(){
    $("input#DBHost").focus();
});

et tout ça est managé par la servlet :

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
 
    @Override
    public void doGet(HttpServletRequest request, HttpServletResponse response)
					throws IOException, ServletException{
 
        System.out.println("Page: INSTALL(GET)");
        Init(request, response);
 
        if(ParameterNumber == 0){
            System.out.println("Init INSTALL Page");
            System.out.println("Lang = " + session.getAttribute("Lang").toString());
            request.setAttribute("LangCore", LangCore);
            if(InstallerXML.isAlreadySet()){
                System.out.println("Setting Exists.");
                response.sendRedirect("REINSTALL");
                return;
            } else {
                System.out.println("Setting NOT Exists.");
                dispatch = request.getRequestDispatcher("Install.jsp");
                dispatch.forward(request, response);
                return;
            }
       }
    }
 
    @Override
    public void doPost(HttpServletRequest request, HttpServletResponse response)
					throws IOException, ServletException{
 
        System.out.println("Page: INSTALL(POST)");
        Init(request, response);
        if(request.getParameter("DBPort")!= null && request.getParameter("DBHost")!= null && request.getParameter("DBUserName")!= null && request.getParameter("DBPsw")!= null && request.getParameter("DBName")!= null){
            String Host = request.getParameter("DBHost");
            String Username = request.getParameter("DBUserName");
            String Psw = request.getParameter("DBPsw");
            String Port = request.getParameter("DBPort");
            String Name = request.getParameter("DBName");
 
            if(!Security.InputValid(Host)){
                out.print("ERROR-- HOST " + LangCore.GetLangVersion("WrongHost"));
                return;
            }
            if(Security.InputParse(Port).compareToIgnoreCase(Security.INVALID) == 0){
                out.print("ERROR-- PORT " + LangCore.GetLangVersion("WrongPort"));
                return;
            }
            if(!Security.InputValid(Name)){
                out.print("ERROR-- NAME " + LangCore.GetLangVersion("WrongDBName"));
                return;
            }
            if(!Security.InputValid(Username)){
                out.print("ERROR-- USER " + LangCore.GetLangVersion("WrongUser"));
                return;
            }
            if(!Security.InputValid(Psw)){
                out.print("ERROR-- PSW " + LangCore.GetLangVersion("WrongPSW"));
                return;
            }
 
            try {
                InstallerXML.Writer(Username, Psw, Host, Port,Name);
                DBLink.getInstance(new GetSetting(pathInstall), new GetDBStructure(pathRessources)).GlobalDBReset();
            } catch (Exception ex) {
                Logger.getLogger(Installer.class.getName()).log(Level.SEVERE, null, ex);
            }
            response.sendRedirect("LOGIN");
            return;
        }
 
        return;
    }

[wonay]

et donc des fois a la fin du traitement il reste sur .../INSTALL et une page vierge s'affiche et des fois il est rediriger correctement vers .../LOGIN mais dans ce cas le formulaire a ete envoyé deux fois.

c'est a s'arracher les cheveux !