一般情况下我们我们在客户端需要用js来验证用户输入的信息的正确性与合法性,有效的分担服务器负担。

JSP中调用js是以事件的形式处理的,比如单击事件,鼠标键盘事件等,还可以在加载JSP时调用js。

这里我们要提到的是根据条件提交表单。我们有两种方案:

第一种:用submit按钮方式验证并提交表单

<form name=”myForm” action=”user.do” method=”post”>

<intpu type=”text” name=”Uname” value=””/>

<input type=”submit”value=”提交”onclick=”return check()”/>

</form>



<script type=”text/JavaScript”>

function check(){

var Uname=document.myForm.Uname.value;

if(Uname!=null&&Uname!=””)

return true;

else return false;

}

</script>

第二种:用功能更强大的button按钮验证并提交

<form name=”myForm” action=”user.do” method=”post”>

<intpu type=”text” name=”Uname” value=””/>

<input type=”button”value=”提交”onclick=”return check()”/>

</form>



<script type=”text/JavaScript”>

function check(){

var Uname=document.myForm.Uname.value;

if(Uname!=null&&Uname!=””)

document.myForm.submit();

else {
alert(“输入有误!”);
document.myForm.Uname.focus();
}
}
第一种 根据出发事件的返回状态来决定是否提交表单,简单好用。
第二种 功能强大button把验证和提交全部事物委托给脚本,通过计算提交,提交到哪,怎么提交都是有脚本一手策划。在提交之前他还能做很多他事情的,比如让表单提交到另一个action中;计算某些文本域内容等等

posted on 2010-09-06 16:38  leonard2010  阅读(1281)  评论(0编辑  收藏  举报