[resolu][servlet] feuille de styme css et javascript
Bonjour,
Je suis en train de d�velopper une application n-tiers bas�e sur jsp servlet xml.
Je voudrais tout simplement que l'une de mes servelts affiche un formulaire en respectant le formalisme d�fini dans une feuille de style. Je voudrais aussi que l'on ne puisse pas valider le formulaire tant que tous les champs ne sont pas remplis. J'utilise le code suivant :
Code:
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 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126
|
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class CreerAuteur extends HttpServlet {
public void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException {
res.setContentType("text/html");
PrintWriter out = res.getWriter();
out.println("<HTML>");
out.println("<HEAD><TITLE>Creation d'auteur</TITLE>");
out.println("<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\" title=\"défaut\">");
out.println("<script type=\"text/javascript\"" );
out.println("function verif(){");
out.println("if (document.inscription.nom.value.length == 0 ){");
out.println("alert(\"Veuillez saisir le nom de l'auteur!\");");
out.println("return false;");
out.println("}");
out.println("else if(document.inscription.prenom.value.length == 0){");
out.println("alert(\"Veuillez saisir le prenom de l'auteur!\");");
out.println("return false;");
out.println("}");
out.println("else if(document.inscription.jour.value.length == 0){");
out.println("alert(\"Veuillez saisir le jour de naissance!\");");
out.println("return false;");
out.println("}");
out.println("else if(document.inscription.mois.value.length == 0){");
out.println("alert(\"Veuillez saisir le mois de naissance!\");");
out.println("return false;");
out.println("}");
out.println("else if(document.inscription.annee.value.length == 0){");
out.println("alert(\"Veuillez saisir l'année de naissance!\");");
out.println("return false;");
out.println("}");
out.println("return validedate();");
out.println("}");
out.println("function validedate(){");
out.println("var a=document.inscription.annee.value;");
out.println("var m=document.inscription.mois.value;");
out.println("var j=document.inscription.jour.value;");
out.println("var ok=1;");
out.println("if (isNaN(j) || j<1 || j>31){");
out.println("alert(\"Le jour n'est pas un jour valide.\");");
out.println("return false;");
out.println("}");
out.println("if (isNaN(m) || m<1 || m>12){");
out.println("alert(\"Le mois n'est pas un mois valide.\");");
out.println("return false;");
out.println("}");
out.println("if (isNaN(a) || a<0){");
out.println("alert(\"L'année n'est pas une année valide.\");");
out.println("return false;");
out.println("}");
out.println("if (m==2){");
out.println("if (j==31 || j==30) ok=0;");
out.println("else if (j==29){");
out.println("if (!( (a%4==0 && a%100!=0) || (a%400==0) )) ok=0;");
out.println("}");
out.println("}");
out.println("else if (j==31){");
out.println("if (m==4 || m==6 || m==9 || m==11) ok=0;");
out.println("}");
out.println("if (ok==0){");
out.println("alert(\"La date \" + j + \"/\" + m + \"/\" + a + \" est incorrecte.\");");
out.println("return false;");
out.println("}");
out.println("return true;");
out.println("}");
out.println("</script></HEAD>");
out.println("<BODY class=\"Main\">");
out.println("<center><H1 class=\"Menu\" >Enregistrement d'un auteur :</H1></center>");
out.println("<br>");
out.println("<br>");
out.println("<form class=\"Bienvenue\" name=\"inscription\" method=\"get\" action=\"CreerAuteurBase\" OnSubmit=\"return verif()\">");
out.println("<center><table class=\"LoginL\" border=2 >");
out.println("<tr><td class=\"Login\">");
out.println("<table><tr><td class=\"Titre\">");
out.println("</br><U><center>Fiche d'inscription :</center></u><br><br></td>");
out.println("<br><br>");
out.println("</tr></table>");
out.println("<table>");
out.println("<tr>");
out.println("<td class=\"Libelle\">Nom :</td>");
out.println("<td class=\"LoginL\">");
out.println("<input type=\"text\" name=\"nom\" size=\"50\" maxlength=\"50\"></td>");
out.println("</tr>");
out.println("<tr>");
out.println("<td class=\"Libelle\">Prenom :</td>");
out.println("<td class=\"LoginL\">");
out.println("<input type=\"text\" name=\"prenom\" size=\"50\" maxlength=\"50\"></td>");
out.println("</tr>");
out.println("<tr>");
out.println("<td class=\"Libelle\">Date de naissance:</td>");
out.println("<td class=\"LoginL\">");
out.println("<input type=\"text\" name=\"jour\" size=\"2\" maxlength=\"2\">");
out.println(" / <input type=\"text\" name=\"mois\" size=\"2\" maxlength=\"2\">");
out.println(" / <input type=\"text\" name=\"annee\" size=\"3\" maxlength=\"4\">");
out.println("<br/></td> </tr>");
out.print("</tr>");
out.println("<tr>");
out.println("<td class=\"Libelle\">Date de mort:</td>");
out.println("<td class=\"LoginL\">");
out.println("<input type=\"text\" name=\"jour2\" size=\"2\" maxlength=\"2\">");
out.println(" / <input type=\"text\" name=\"mois2\" size=\"2\" maxlength=\"2\">");
out.println(" / <input type=\"text\" name=\"annee2\" size=\"3\" maxlength=\"4\">");
out.println("<br/></td> </tr>");
out.println("</tr>");
out.println("<td><hr></td><td><hr></td> <tr></table>");
out.println("<table><tr>");
out.println("<td><center><input type=\"submit\" value=\"valider\"></center><br/><br/></td>");
out.println("</tr></table></td></tr></table></center></form>");
out.println("</body></html>");
}
} |
Le formatage de la page selon la feuille css ne se fait pas et les verifications par le javascript non plus.
Pouvez-vous m'aider.
Merci d'avance
[resolu][servlet] feuille de styme css et javascript
Citation:
Envoy� par bob33
Bonjour,
Je suis en train de d�velopper une application n-tiers bas�e sur jsp servlet xml.
Je voudrais tout simplement que l'une de mes servelts affiche un formulaire en respectant le formalisme d�fini dans une feuille de style. Je voudrais aussi que l'on ne puisse pas valider le formulaire tant que tous les champs ne sont pas remplis. J'utilise le code suivant :
Code:
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 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126
|
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class CreerAuteur extends HttpServlet {
public void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException {
res.setContentType("text/html");
PrintWriter out = res.getWriter();
out.println("<HTML>");
out.println("<HEAD><TITLE>Creation d'auteur</TITLE>");
out.println("<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\" title=\"défaut\">");
out.println("<script type=\"text/javascript\"" );
out.println("function verif(){");
out.println("if (document.inscription.nom.value.length == 0 ){");
out.println("alert(\"Veuillez saisir le nom de l'auteur!\");");
out.println("return false;");
out.println("}");
out.println("else if(document.inscription.prenom.value.length == 0){");
out.println("alert(\"Veuillez saisir le prenom de l'auteur!\");");
out.println("return false;");
out.println("}");
out.println("else if(document.inscription.jour.value.length == 0){");
out.println("alert(\"Veuillez saisir le jour de naissance!\");");
out.println("return false;");
out.println("}");
out.println("else if(document.inscription.mois.value.length == 0){");
out.println("alert(\"Veuillez saisir le mois de naissance!\");");
out.println("return false;");
out.println("}");
out.println("else if(document.inscription.annee.value.length == 0){");
out.println("alert(\"Veuillez saisir l'année de naissance!\");");
out.println("return false;");
out.println("}");
out.println("return validedate();");
out.println("}");
out.println("function validedate(){");
out.println("var a=document.inscription.annee.value;");
out.println("var m=document.inscription.mois.value;");
out.println("var j=document.inscription.jour.value;");
out.println("var ok=1;");
out.println("if (isNaN(j) || j<1 || j>31){");
out.println("alert(\"Le jour n'est pas un jour valide.\");");
out.println("return false;");
out.println("}");
out.println("if (isNaN(m) || m<1 || m>12){");
out.println("alert(\"Le mois n'est pas un mois valide.\");");
out.println("return false;");
out.println("}");
out.println("if (isNaN(a) || a<0){");
out.println("alert(\"L'année n'est pas une année valide.\");");
out.println("return false;");
out.println("}");
out.println("if (m==2){");
out.println("if (j==31 || j==30) ok=0;");
out.println("else if (j==29){");
out.println("if (!( (a%4==0 && a%100!=0) || (a%400==0) )) ok=0;");
out.println("}");
out.println("}");
out.println("else if (j==31){");
out.println("if (m==4 || m==6 || m==9 || m==11) ok=0;");
out.println("}");
out.println("if (ok==0){");
out.println("alert(\"La date \" + j + \"/\" + m + \"/\" + a + \" est incorrecte.\");");
out.println("return false;");
out.println("}");
out.println("return true;");
out.println("}");
out.println("</script></HEAD>");
out.println("<BODY class=\"Main\">");
out.println("<center><H1 class=\"Menu\" >Enregistrement d'un auteur :</H1></center>");
out.println("<br>");
out.println("<br>");
out.println("<form class=\"Bienvenue\" name=\"inscription\" method=\"get\" action=\"CreerAuteurBase\" OnSubmit=\"return verif()\">");
out.println("<center><table class=\"LoginL\" border=2 >");
out.println("<tr><td class=\"Login\">");
out.println("<table><tr><td class=\"Titre\">");
out.println("</br><U><center>Fiche d'inscription :</center></u><br><br></td>");
out.println("<br><br>");
out.println("</tr></table>");
out.println("<table>");
out.println("<tr>");
out.println("<td class=\"Libelle\">Nom :</td>");
out.println("<td class=\"LoginL\">");
out.println("<input type=\"text\" name=\"nom\" size=\"50\" maxlength=\"50\"></td>");
out.println("</tr>");
out.println("<tr>");
out.println("<td class=\"Libelle\">Prenom :</td>");
out.println("<td class=\"LoginL\">");
out.println("<input type=\"text\" name=\"prenom\" size=\"50\" maxlength=\"50\"></td>");
out.println("</tr>");
out.println("<tr>");
out.println("<td class=\"Libelle\">Date de naissance:</td>");
out.println("<td class=\"LoginL\">");
out.println("<input type=\"text\" name=\"jour\" size=\"2\" maxlength=\"2\">");
out.println(" / <input type=\"text\" name=\"mois\" size=\"2\" maxlength=\"2\">");
out.println(" / <input type=\"text\" name=\"annee\" size=\"3\" maxlength=\"4\">");
out.println("<br/></td> </tr>");
out.print("</tr>");
out.println("<tr>");
out.println("<td class=\"Libelle\">Date de mort:</td>");
out.println("<td class=\"LoginL\">");
out.println("<input type=\"text\" name=\"jour2\" size=\"2\" maxlength=\"2\">");
out.println(" / <input type=\"text\" name=\"mois2\" size=\"2\" maxlength=\"2\">");
out.println(" / <input type=\"text\" name=\"annee2\" size=\"3\" maxlength=\"4\">");
out.println("<br/></td> </tr>");
out.println("</tr>");
out.println("<td><hr></td><td><hr></td> <tr></table>");
out.println("<table><tr>");
out.println("<td><center><input type=\"submit\" value=\"valider\"></center><br/><br/></td>");
out.println("</tr></table></td></tr></table></center></form>");
out.println("</body></html>");
}
} |
Le formatage de la page selon la feuille css ne se fait pas et les verifications par le javascript non plus.
Pouvez-vous m'aider.
Merci d'avance