onSubmit的使用

在web开发中,我们经常会遇到,一点回车键表单就自己提交的问题,能不能禁用回车键呢,答案是肯定的. 

Html代码  
<from action="" method="post" onSubmit="return false">   
...............    
</from>  


如果想在表单提交时,进行验证 

Html代码  
<html>   
<head>   
<script lanuage="javascript">   
  function check()    
{    
//验证不通过时    
return false;    
}    
</script>   
</head>   
<body>   
<from action="" method="post" onSubmit="return check()">   
...............    
</from>   
</body>   
</html>  

<html> 
<head> 
<script lanuage="javascript"> 
  function check() 

//验证不通过时 
return false; 

</script> 
</head> 
<body> 
<from action="" method="post" onSubmit="return check()"> 
............... 
</from> 
</body> 
</html>

 

这样就会对表单进行验证再进行提交 

要注意的是,千万不能写成 

Html代码  
<from action="" method="post" onSubmit="check()">   
...............    
</from>  


因为check()不通过后会返回false, 因为onsubmit属性就像是<form>这个html对象的一个方法名,其值(一字符串)就是其方法体,默认返回true,所以还是相当于验证通过  
记得对表单验证一定要写成这样 

Html代码  
<from action="" method="post" onSubmit="return check()">   
...............    
</from>

posted @ 2014-12-29 16:24  牧之丨  阅读(943)  评论(0编辑  收藏  举报