button和sumbit提交表单的区别

      最新弄了个asp的软件，提交表单有点生疏了，下面总结了一下通过button和sumbit两种方式来提交表单：

      sumbit提交表单 

View Code

< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title > 无标题文档 </ title >
< script  type ="text/javascript" >
function  checkForm()
{
   if (document.form1.userName.value.length == 0 )
  {
     alert( " 请输入用户名！ " );
      return   false ;
  }
   return   true ; 
  document.form1.submit(); 
}
</ script >
</ head >

< body >
< form  name ="form1"   method ="post"  action ="ygdacx.html"  onsubmit ="return checkForm()" >
   < input  type ="text"  name ="userName"  size ="10"   />
    < input  type ="submit"  value ="提 交"   />
</ form >
</ body >
</ html >

 

 button提交表单 

View Code

< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title > 无标题文档 </ title >
< script  type ="text/javascript" >
function  checkForm()
{
   if (document.form1.userName.value.length == 0 )
  {
     alert( " 请输入用户名！ " );
      return   false ;
  }
  document.form1.action  = " ygdacx.html " ;   
  document.form1.submit(); 
}
</ script >
</ head >

< body >
< form  name ="form1"   method ="post" >
   < input  type ="text"  name ="userName"  size ="10"   />
    <!-- <input type="submit" value="提 交" />   -->
    < input  type ="button"  value ="提 交"   onclick ="checkForm()"   />
</ form >
</ body >

大家看出区别了吗，不说了..呵呵

转载于:https://www.cnblogs.com/shuang121/archive/2011/09/19/2181656.html