如何在jsp中添加javascript验证

我在web/js/Validation.js目录中有一个javascript文件。在我的Login.jsp中，我调用这个.js文件来验证用户名。这似乎并不奏效，请你帮忙。如何在jsp中添加javascript验证

我试过使用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>

来源

2012-09-16 Muhammad

你在你的例子中拼写'length'错误。 – marteljn

您是否试过在函数内部发出警告，以确保JS文件被正确引用并且函数正在被调用？如果你可以确认它被调用，那么这是@marteljn注意到的拼写问题的问题 – Ian

你的JS文件被加载了吗？例如。你是否在Firebug（或Chrome检查器等）中看到该文件的404？如果不是那么它的JS问题，你在Firebug/Chrome控制台输出中看到了什么输出？ – nickdos

我们已经走在JavaScript技术很长的路要走，我们有很多工具来调试JavaScript的（不像投入大量的alert s，虽然我认为这是迄今为止最简单和最好的;-)）哪些易于使用，并猜测什么？有些是免费的！

所以一个这样的工具（可能是最好的工具之一）是firebug，它作为firefox的附加组件提供。

chrome，ie9 & safari有一些内置的开发人员工具，当您按下F12您的PC上（在Mac上我不知道:-)）

因此，这里有一些步骤，它们出现：

安装Firefox
安装萤火
装入页面
为你的页面启用萤火虫。启用脚本面板
重新加载页面
检查文件是否正确装入（从nickdos's comment拍摄）
检查是否有一些JavaScript错误（可能从marteljn's comment采取的length拼写）

来源

2012-09-17 08:17:46

在你的javascript中，你将长度拼错为长度。

来源

2013-12-12 09:20:16

如何在jsp中添加javascript验证

回答

相关问题