读书人

诸位大侠帮帮忙!java web

发布时间: 2011-12-23 23:32:01 作者: rapoo

各位大侠帮帮忙!!!java web
为什么下面的代码验证不了表单呢??

<%@page contentType="text/html;charset=GBK"%>

<html>
<head><title></title>

<script language="javascript">
function validate(f){
if(f.Csno.value==""&&f.Ccno.value==""){
alert("请输入要查询的关键字!");
f.Csno.focus();
f.Csno.select();
return false;
}
return true;
}

function fsubmit(obj){
obj.submit();
}

</script>
</head>

<%
request.setCharacterEncoding("GBK");
%>
<body>
<div align="left" >
<form name="form1" action="zhiyuC.jsp" method="post" onsubmit="return validate(this)"><div align="left" style="background:url(../images/nav01.gif)"></div><hr color="#e1f1f7">
学号:<input type="text" name="Csno"/>
课程号:<input type="text" name="Ccno"/>
<input type="button" value="查询" name="button1" onClick="fsubmit(document.form1);"/>
</form>
<form name="form2" action="zhiyuC.jsp" method="post" onsubmit="return validate1(this)">
成绩从: <input type="text" name="degree1" size="3"/>
到 <input type="text" name="degree2" size="3"/> 之间
<input type="button" value="高级查询" name="button2" onClick="fsubmit(document.form2);"/>
<hr color="#e1f1f7">
</form>
</div>
</body>
</html>

但是这里的确又可以了呢?是不是type="button"的类型的验证表单的方式 不同啊???
<%@page contentType="text/html;charset=GBK"%>

<html>
<head><title></title>

<script language="javascript">
function validate(f){
if(f.Csno.value==""&&f.Ccno.value==""){
alert("请输入要查询的关键字!");
f.Csno.focus();
f.Csno.select();
return false;
}
return true;
}

function fsubmit(obj){
obj.submit();
}

</script>
</head>

<%
request.setCharacterEncoding("GBK");
%>
<body>
<div align="left" >
<form name="form1" action="zhiyuC.jsp" method="post" onsubmit="return validate(this)"><div align="left" style="background:url(../images/nav01.gif)"></div><hr color="#e1f1f7">
学号:<input type="text" name="Csno"/>
课程号:<input type="text" name="Ccno"/>
<input type="submit" value="查询" name="button1" onClick="fsubmit(document.form1);"/>
</form>
<form name="form2" action="zhiyuC.jsp" method="post" onsubmit="return validate1(this)">
成绩从: <input type="text" name="degree1" size="3"/>
到 <input type="text" name="degree2" size="3"/> 之间
<input type="button" value="高级查询" name="button2" onClick="fsubmit(document.form2);"/>
<hr color="#e1f1f7">
</form>


</div>
</body>
</html>







[解决办法]
表单‘submit’按钮的验证 用onSubmit,表单‘button’按钮的验证用onclick点击事件。。。这个要分清啊。。。
[解决办法]
哦,之前没仔细看事件的调用,既然是这样,何必要多一个function呢,你就直接在你的第一个js中满足条件就提交:
<script language="javascript">
function validate(f){
if(f.Csno.value==""&&f.Ccno.value==""){
alert("请输入要查询的关键字!");
f.Csno.focus();
f.Csno.select();
return false;
}else{
document.submit();
}
}

</script>

然后你的查询按钮就直接用onclick()触发事件

读书人网 >Java Web开发

热点推荐