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 >

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

你可能感兴趣的:(button)