如何在jsp中添加javascript验证

如何在jsp中添加javascript验证,javascript,jsp,alert,firebug,firefox,chrome,ie9,safari,Javascript,Jsp,Alert,Firebug,Firefox,Chrome,Ie9,Safari,我在web/js/Validation.js目录中有一个javascript文件。在我的Login.jsp中,我调用这个.js文件来验证用户名。这似乎不起作用,请你帮忙 我尝试过使用src=“/js/Validation.js”,甚至在没有任何运气的情况下更改脚本标记位置(即html和head标记之间) 谢谢 Validation.js function simple_Validation() { var valid = true; if (document.

我在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>

登录
用户名:
密码:

我们在javascript技术方面取得了长足的进步,我们有很多工具来调试javascript(不像放很多s,尽管我认为这是迄今为止最简单、最好的;-),这些工具很容易使用,猜猜看是什么?有些是免费的

因此,一个这样的工具(可能是最好的工具之一)是作为一个附加组件提供的

,&有一些内置的开发工具,当您在PC上按F12时会显示这些工具(在Mac上我不确定:-)

以下是一些步骤:

  • 安装Firefox
  • 安装firebug
  • 加载你的页面
  • 为您的页面启用firebug。启用脚本面板
  • 重新加载页面
  • 检查文件是否正确加载(取自)
  • 检查是否存在javascript错误(可能是取自的
    length
    的拼写错误)

  • 在javascript中,您错误地将长度表示为长度

    您在示例中拼写的
    length
    错误。是否尝试提醒函数内部的某些内容,以确保正确引用JS文件并调用函数?如果你能确认它被调用了,那么问题就出在@marteljn注意到你的JS文件被加载了吗?例如,您是否在Firebug(或Chrome inspector等)中看到该文件的404?如果不是,那么这是一个JS问题,您在Firebug/Chrome控制台输出中看到了什么输出?谢谢大家的回复。是的,问题在于我的拼写。