日期:2014-05-16  浏览次数:20520 次

js方法调用问题
麻烦各位给看下,我下面这个jsp页面有什么问题,就是不能调用javascript中的那两个方法,在这先谢谢各位大虾了:
页面如下:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!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=utf-8" />
<title>欢迎光临网上书城!</title>
<!-- 登录页 -->
<link type="text/css" rel="stylesheet" href="css/style.css" />

<script type="text/javascript">
function check_Value(obj,str){
if(obj.value==null || obj.value==''){
document.getElementById(str).style.display='block';
obj.focus();
}else{
document.getElementById(str).style.display='none';
}
}

function login(){
alert(1212);
var name=document.getElementByName("userName")[];
var pwd=document.getElementByName("passWord")[];
if(name.value==null||name.value==''||pwd.value==null||pwd.value==''){
return false;
}

return true;
}
</script>

</head>
<body onLoad="document.form1.userName.focus()" >
<div id="header" class="wrap">
<div id="logo">北大青鸟网上书城</div>
<div id="navbar" style="height:2em;"></div>
</div>

<div id="login">
<h2>用户登陆</h2>
<form name="form1" method="post" action="/servlet/Login_Servlet" onsubmit="login()" >
<dl>
<dt>用户名:</dt>
<dd><input class="input-text" type="text" name="userName" onBlur="check_Value(this,'sp_name')" /><span id="sp_name">用户名不能为空!</span></dd>
<dt>密 码:</dt>
<dd><input class="input-text" type="password" name="passWord" onBlur="check_Value(this,'sp_pwd')" /><span id="sp_pwd">密码不能为空!</span></dd>
<dt></dt>
<dd class="button">
<input class="input-btn" type="submit" name="submit" value="" />
<input class="input-reg" type="button" name="register" value="" onclick="window.location='register.html';" /></dd>
</dl>
</form>

</div>
<div id="footer" class="wrap">
北大青鸟网上书城 &copy; 版权所有</div>
</body>
</html>


------解决方案--------------------
你的页面有错,login函数写错了。
JScript code

function login(){
alert(1212);
var name=document.getElementsByName("userName")[0];
var pwd=document.getElementsByName("passWord")[0];
if(name.value==null||name.value==''||pwd.value==null||pwd.value==''){
return false;
}
return true;
}

------解决方案--------------------
getElementsByName
方法可返回带有指定名称的对象的集合
楼主更改下
JScript code

var name=document.getElementsByName("userName")[0];
var pwd=document.getElementsByName("passWord")[0];