Question

jsp中 function的使用问题

<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>

<script language="javascript">
function x()
{ var a,b,c,d;
a=zhuce.username.value;
b=zhuce.password.value;
c=zhuce.pwd.value;
d=zhuce.email.value;

if(a==null||a=="")
{ window.alert("用户名称不能为空");
document.frmLogin.element(0).focus();
//if(b==null||b=="")
// alert("密码不能为空");
// if(c==null||c=="")
//alert("确认密码不能为空");
// if(d==null||d=="")
// alert("邮箱不能为空");
//if(d==""||!( /^[^@]+@[^@]+\.[^@]+$/.test(d)))
// alert("请输入正确邮箱地址");
//return false;
return false;
}
// frmLogin.submit();
}
</script>
<style type="text/css">
<!--
table {
font-size: 9pt;
}
-->
</style>

<form action="testdown.jsp" method="post" name="frmLogin" onsubmit="x()">
<table width="750" height="300" border="0" align="center">
<td width="83">用户名称</td>
<td width="187"><input name="username" type="text" id="user" size="20" maxlength="40" /></td>
<td width="325"><label>请填写你想要注册的名称。</label></td>

<tr><td>密码</td>
<td><input name="password" type="password" id="password" size="20" maxlength="40" /></td>
<td><label> 密码长度为6-16位，字母请区分大小写。不能有特殊字符。 </label></td>
</tr>
<tr>
<td>确认密码</td>
<td><input name="pwd" type="password" id="pwd" size="20" maxlength="40" /></td>
<td> 请再输入一遍您上面输入的密码。 </td>
</tr>

<tr>
<td>邮箱</td>
<td><input name="email" type="text" id="email" value="" size="20" maxlength="40" /></td>
<td><label> 请输入您的电子邮箱，一旦注册成功，以后信息将会发到你的邮箱，请填写你经常使用的邮箱。</label></td>
</tr>

上述程序是一个登陆界面的部分代码，
程序运行后，直接点提交，弹出对话框，点确定后，转到testdown这个页面了，javascript的函数已经定义为return false ，页面为什么还能转接？我的意思是当判断填写错误时，让页面不能转到另一个页面？？

Answer 1

jsp中用function提交的时候先return，验证通过后返回true,否则返回false。
比如jsp中的form如下：
<form action="test2.jsp" name="form" method="post" >
输入用户名：<input name="username" type="text" onblur="check()"/>
用户姓名：<input name="name" type="text"/>
<input type="submit" name="Submit" value="登录" onclick="return check();"/>
</form>
check函数定义:
<script type="text/javascript">
function check(){
var name=document.form.username.value;
if(name=='')
{
alert("no null!");
return false;
}
else{
alert("hello world!");
}
}
</script>

Answer 2

表单那块．把" onsubmit="x()">
改成" onsubmit="return x()">

追问

加了之后确实能能实现了，楼上的能否解释一下加了之后不能转到另一个页面的原因？？

追答

道理很简单.提交表单也是页面中的一个方法．．．在方法当中
reurn false;和直接写
false怎么能一样．

Answer 3

在提交按钮里面加上 onclick属性 onclick=“submit();”
function submit(){
//判断
if(a==null||a==""){
alert("用户名称不能为空");
return false;
}else{
document.frmLogin.action="testdown.jsp";
document.frmLogin.submit();
}
}

用这个试试！！

Answer 4

form中的onSubmit="return x();"