JavaScript不起作用，求解释？


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript"> var userName = document.getElementById("userName");
var password = document.getElementById("password");

function check()
{
if(userName.value == "")
{
alert("用户名不能为空！");
return false;
}

if(password.value == "")
{
alert("密码不能为空");
return false;
}

if(userName.value.length<4||userName.length>10)
{
alert("用户名长度要在4到10之间");
return false;
}

if(password.value.length<4||password.length>10)
{
alert("密码长度要在4到10之间");
return false;
}

return true;
}

</script>
</head><body>
<form action="#" method="post" onsubmit="return check()"> 用户名：
  <input type="text" name="userName" id="userName" />
  <br />
密&nbsp;&nbsp;码：
<input type="password" name="password" id="password" />
<br />
性&nbsp;&nbsp;别：
<input type="radio" name="sex" value="1" />
男
   <input type="radio" name="sex" value="0" />
   女<br />
兴&nbsp;&nbsp;趣：
足球
<input type="checkbox" name="checkbox" value="0" />
篮球
<input type="checkbox" name="checkbox" value="1" />
排球
<input type="checkbox" name="checkbox" value="2" />
羽毛球
<input type="checkbox" name="checkbox" value="3" />
<br />
地&nbsp;&nbsp;址：
<select name="select">
  <option value="0" selected="selected">北京</option>
  <option value="1">上海</option>
  <option value="3">陕西</option>
  </select><br />
  <input type="submit" value="点击确认" name="button1" />
  <input type="reset" value="重置" name="button2" />
       
</form>
</body>
</html>还有我的Dreamweaver为什么在编写javaScript时没有提示？

解决方案 »

  1.   

     var userName = document.getElementById("userName");
        var password = document.getElementById("password");
    放在function中
      

  2.   

    那这个为什么也不起作用啊，还有为什么我的Dreamweaver对JS脚本没有提示<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        
        <script type="text/javascript">
        
         function validate()
         {
         var username = document.getElementById("username1");
         var password = document.getElementById("password1");
         var repassword = document.getElementById("repassword1");
        
         //var username = document.getElementsByName("username")[0];
         //var password = document.getElementsByName("password")[0];
         //var repassword = document.getElementsByName("repassword")[0];
        
         if(username.value.length == 0||null==username)
         {
    alert("username can't be blank!");

    return false;
         }
        
         if(password.value.length < 6 || password.value.length > 10)
         {
         alert("length of password is invalid!");
        
         return false;
         }
        
         if(repassword.value.length < 6 || repassword.value.length > 10)
         {
         alert("length of repassword is invalid!");
        
         return false;
         }
        
         if(password.value != repassword.value)
         {
         alert("password not the same");
        
         return false;
         }
        
         return true;
         }
        
        
        </script>
        
      </head>
      
      <body>
        
        
        <form  action="#">
        
        username: <input type="text" name="username" id="username1"><br>
        password: <input type="password" name="password" id="password1"><br>
        re-password: <input type="password" name="repassword" id="repassword1"><br>
        
        <input type="submit" value="submit"> 
        
        </form>  </body>
    </html>
      

  3.   

    发现问题了，但是Dreamweaver不对JS脚本提示，为什么啊，是不是要什么dtd文件啊
      

  4.   

    把
        var userName = document.getElementById("userName");
        var password = document.getElementById("password");放到function里面，
    不然你点击按钮出发事件的时候，调用的是check这个函数，但是函数里面没有你之前定义的变量，放在里面就可以了
      

  5.   

    应该不是，dreamweaver对js不提示，你可以试试用myeclipse
      

  6.   


    我用的MyEclipse8.5，也没有提示
      

  7.   

    应该有把，我用的时候就有
    如果还是没有的话，你就不要这么用了
    你在myeclipse里面创建一个/.js的文件，直接在里面写，然后再通过：<script type="text/javascript" src="/*.js">引入，这样你在js的文件里面就应该可以提示了
      

  8.   

    因为在加载脚本的时候，HTML 的 DOM 还没加载完，所以这段脚本是取不到 DOM 对象的。解决方法：1：把 script 整体搬到 body 的后面
    2：把 script 中的代码放到 window.onload = function() {  } 函数体中
      

  9.   

    在MyEclipse里面写专门的JS文件会有提示，但在JSP文件和HTML文件里面没有提示在Dreamweaver里面写JS文件也没有提示
      

  10.   

    var userName = document.getElementById("userName");
        var password = document.getElementById("password");
    要放在你验证表单的function内 才能动态获得你当时的值
    否则永远是页面初始化时候你的表单的值
      

  11.   

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        
        <script type="text/javascript">
        
            function validate()
            {
                var username = document.getElementById("username1");
                var password = document.getElementById("password1");
                var repassword = document.getElementById("repassword1");
                
                //var username = document.getElementsByName("username")[0];
                //var password = document.getElementsByName("password")[0];
                //var repassword = document.getElementsByName("repassword")[0];
                
                if(username.value.length == 0||null==username)
                {
                    alert("username can't be blank!");
                    
                    return false;
                }
                
                if(password.value.length < 6 || password.value.length > 10)
                {
                    alert("length of password is invalid!");
                    
                    return false;
                }
                
                if(repassword.value.length < 6 || repassword.value.length > 10)
                {
                    alert("length of repassword is invalid!");
                    
                    return false;
                }
                
                if(password.value != repassword.value)
                {
                    alert("password not the same");
                    
                    return false;
                }
                
                return true;
            }
        
        
        </script>
        
      </head>
      
      <body>
        
        
        <form  action="#">
        
        username: <input type="text" name="username" id="username1"><br>
        password: <input type="password" name="password" id="password1"><br>
        re-password: <input type="password" name="repassword" id="repassword1"><br>
        
        <input type="submit" value="submit" onclick="validate()"> 
        
        </form>  </body>
    </html>
      

  12.   

    <input type="submit" value="submit" onclick="validate()">  
    加一个onclick属性