JS验证表单与提交方式

时间：2010-09-06 来源：leonard2010

一般情况下我们我们在客户端需要用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很明显比submit强大，在提交之前他还能做很多他事情的，比如让表单提交到另一个action中；计算某些文本域内容等等