jsp关于js注册表单验证问题：事件为submit按钮提交验证的onClick事件，先看一下部分主要代码:
<scripttype="text/javascript">functioncheck(){varname=document.form.username.value;if...
<script type="text/javascript">
function check(){
var name=document.form.username.value;
if(name=='')
{
alert("no null!");
return false;
}
else{
alert("hello world!");
}
}
</script>
</head>
<body>
<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="check()"/>
</form>
问题是：如果username文本框不写会提示not null！但是还是会转向到test2.jsp页面。如果在里面添加：document.form.action="test1.jsp"(本页面);document.form.submit();
之后，虽然会转向这个页面，但是全部内容<刷新一遍>前面输过的内容消失了！
求解：：我该如何写这个js验证框？？？？？？？？？？
希望各位大哥大姐踊跃一点，帮帮小弟的忙，答案详细了会追加高分，现在主要是怕没人回答。 展开
function check(){
var name=document.form.username.value;
if(name=='')
{
alert("no null!");
return false;
}
else{
alert("hello world!");
}
}
</script>
</head>
<body>
<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="check()"/>
</form>
问题是：如果username文本框不写会提示not null！但是还是会转向到test2.jsp页面。如果在里面添加：document.form.action="test1.jsp"(本页面);document.form.submit();
之后，虽然会转向这个页面，但是全部内容<刷新一遍>前面输过的内容消失了！
求解：：我该如何写这个js验证框？？？？？？？？？？
希望各位大哥大姐踊跃一点，帮帮小弟的忙，答案详细了会追加高分，现在主要是怕没人回答。 展开
3个回答
展开全部
<!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>
<script type="text/javascript">
function check(obj){
var name=obj.value;
if(name=='')
{
alert("no null!");
return false;
}
}
</script>
</head>
<body>
<form action="test2.jsp" method="post">
输入用户名：<input name="username" type="text" onblur="check(this)"/>
用户姓名：<input name="name" type="text" onblur="check(this)"/>
<input type="submit" name="Submit" value="登录"/>
</form>
</body>
</html>
一般验证成功了 不用alert了
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function check(obj){
var name=obj.value;
if(name=='')
{
alert("no null!");
return false;
}
}
</script>
</head>
<body>
<form action="test2.jsp" method="post">
输入用户名：<input name="username" type="text" onblur="check(this)"/>
用户姓名：<input name="name" type="text" onblur="check(this)"/>
<input type="submit" name="Submit" value="登录"/>
</form>
</body>
</html>
一般验证成功了 不用alert了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
click里面应该加上return，如下
<!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>
</head>
<script type="text/javascript">
function check(){
var name=document.form.username.value;
if(name=='')
{
alert("no null!");
return false;
}
else{
alert("hello world!");
}
}
</script>
<body>
</head>
<body>
<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>
</body>
</html>
最好还是在onsubmit验证，因为有时候是直接回车提交的，不一定按按钮，如下
<!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>
</head>
<script type="text/javascript">
function check(){
var name=document.form.username.value;
if(name=='')
{
alert("no null!");
return false;
}
else{
alert("hello world!");
}
}
</script>
<body>
</head>
<body>
<form action="test2.jsp" name="form" method="post" onsubmit="return check();">
输入用户名：<input name="username" type="text" onblur="check()"/>
用户姓名：<input name="name" type="text"/>
<input type="submit" name="Submit" value="登录" />
</form>
</body>
</html>
<!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>
</head>
<script type="text/javascript">
function check(){
var name=document.form.username.value;
if(name=='')
{
alert("no null!");
return false;
}
else{
alert("hello world!");
}
}
</script>
<body>
</head>
<body>
<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>
</body>
</html>
最好还是在onsubmit验证，因为有时候是直接回车提交的，不一定按按钮，如下
<!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>
</head>
<script type="text/javascript">
function check(){
var name=document.form.username.value;
if(name=='')
{
alert("no null!");
return false;
}
else{
alert("hello world!");
}
}
</script>
<body>
</head>
<body>
<form action="test2.jsp" name="form" method="post" onsubmit="return check();">
输入用户名：<input name="username" type="text" onblur="check()"/>
用户姓名：<input name="name" type="text"/>
<input type="submit" name="Submit" value="登录" />
</form>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
其实可以很简单的弃用submit改用button。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
