如何在jsp中添加javascript验证

时间:2012-09-16 15:33:57

标签: javascript jsp

我在web / js / Validation.js目录中有一个javascript文件。在我的Login.jsp中,我调用此.js文件来验证用户名。这似乎没有用,请帮助。

我尝试过使用src =“/ js / Validation.js”甚至更改脚本标记位置(即在html和head标签之间),没有任何运气。

感谢。

Validation.js

    function simple_Validation()
    {

    var valid = true;

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

      valid = false;
    }

    return valid;
    }

的Login.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>

2 个答案:

答案 0 :(得分:1)

我们在javascript技术方面取得了很大进展,我们有很多工具来调试javascript (不像放了很多,不过我认为这是迄今为止最简单和最好的; - ))哪些易于使用,猜猜是什么?有些是免费的!

所以这样一个工具(可能是最好的工具之一)是,它是的附加组件。

&amp; 有一些内置的开发人员工具,当您在PC上按F12时出现它们(在Mac上我不确定: - ))

所以这里有一些步骤:

  1. 安装Firefox
  2. 安装firebug
  3. 加载您的信息页
  4. 为您的网页启用firebug。启用脚本面板
  5. 重新加载页面
  6. 检查文件是否正确加载(取自nickdos's comment
  7. 检查是否存在某些javascript错误(可能是从marteljn's comment获取length的拼写)

答案 1 :(得分:0)

在你的javascript中,你的长度会被误解为长度。