comment ajouter du code javascript de validation en jsp

J'ai un fichier javascript dans web/js/Validation.js répertoire. Dans mon Login.jsp, je suis à l'appel de cette .fichier js pour valider le nom d'utilisateur. Cela ne semble pas être de travail, s'il vous plaît pouvez-vous aider.

J'ai essayé d'utiliser src="/js/Validation.js" et même le changement de balise de script emplacement (ie. entre html et des balises d'en-tête), sans aucune chance.

grâce.

Validation.js

    function simple_Validation()
    {

    var valid = true;

    if (document.login_form.user.value.lenght == 0)
    {
     alert ("Pleaes type username"); 

      valid = false;
    }

    return valid;
    }

De connexion.jsp

    <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
        pageEncoding="ISO-8859-1"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script type="text/javascript" src="js/Validation.js">

    </script>

    <title>Login</title>

    </head>
    <body>

        <form name="login_form" action="LoginServlet" method="post"
            onSubmit="return simple_Validation();">
            <table border="0">
                <tr align="left" valign="top">
                    <td>User Name:</td>
                    <td><input type="text" name="user" class="inputbox" /></td>
                </tr>
                <tr align="left" valign="top">
                    <td>Password:</td>
                    <td><input type="password" name="pass" class="inputbox" /></td>
                </tr>
                <tr align="left" valign="top">
                    <td></td>
                    <td><input type="submit" name="submit" value="Login" /></td>
                </tr>
            </table>
            <c:out value="${loginresult}">
            </c:out>

        </form>
    </body>
    </html>
  • Vous orthographié length mal dans votre exemple.
  • Avez-vous essayé d'alerte quelque chose à l'intérieur de la fonction, assurez-vous que le fichier JS est correctement référencé et est appelée la fonction? Si vous pouvez confirmer qu'il l'appelle, alors c'est la résolution de l'orthographe problème que @marteljn remarqué
  • Est votre fichier JS chargé? E. g. voyez-vous une erreur 404 pour ce fichier dans Firebug (ou de l'inspecteur de Chrome, etc)? Si non, alors ses un JS question, ce que la sortie ne s'votre voir dans Firebug/Chrome sortie de la console?
  • merci pour vos réponse les Gars. Oui, le problème était avec mon orthographe.
InformationsquelleAutor Muhammad | 2012-09-16
  1. 1

    Nous avons parcouru un long chemin dans la technologie javascript et nous avons beaucoup d'outils de débogage javascript (à la différence en mettant beaucoup de alerts, mais je pense que c'est de loin le plus simple et le meilleur ;-)) qui sont faciles à utiliser et devinez quoi? Certains sont gratuits!

    Si l'un de ces outils (probablement l'un des meilleurs) firebug qui vient comme un add-on pour firefox.

    chrome, ie9 & safari a quelques intégré dans les outils de développement, ils s'affichent lorsque vous appuyez sur F12 sur votre PC (sur Mac je ne suis pas sûr :-))

    Voici donc quelques étapes:

    1. Installer Firefox
    2. Installer firebug
    3. De chargement de votre page
    4. Activer firebug pour votre page. Activer la programmation du panneau de
    5. Recharger votre page
    6. Vérifier si le fichier est correctement chargé (prises de nickdos commentaire)
    7. Vérifier si il ya une erreur javascript (probablement l'orthographe de length prises de marteljn commentaire)
    InformationsquelleAutor Prakash K
  2. 0

    dans votre code javascript que vous avez mispelled longueur de la longueur.

    InformationsquelleAutor Bijoyendra Deb Roy