JS验证表单与提交方式

一般情况下我们我们在客户端需要用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中；计算某些文本域内容等等