onSubmit 使用

  • Post author:
  • Post category:其他


解释

onsubmit:当提交表单时执行一段 JavaScript。它只认true或者false.

如果不返回值,则默认为true。

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

<html>    
<title>Test</title>
<head>     
<script lanuage="javascript">   
  function check()    
{    
return false;    
}    
</script>   
</head>  

<body>   
<form action="" method="post" onSubmit="return check()">   
<input type="submit" id="btn1" value="Submit"></input>  
</form>   
</body>   
</html> 

这样就会对表单进行验证之后再进行提交 。这里始终不会进行表单提交,因为check的返回值为false.

要注意的是,千万不能写成 onSubmit=”check();

onsubmit属性就像是<form>这个html对象的一个方法名,其值(一字符串)就是其方法体,默认返回true,所以还是相当于验证通过  。

如果check方法没有返回值时

<html>    
<title>Test</title>
<head>     
<script lanuage="javascript">   
  function check()    
{    
}    
</script>   
</head>  

<body>   
<form action="" method="post" onSubmit="return check()">   
<input type="submit" id="btn1" value="Submit"></input>  
</form>   
</body>   
</html> 


如果不返回值,则默认为true,表单进行提交。



版权声明:本文为SmCai原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。