码迷,mamicode.com
首页 > 其他好文 > 详细

Form表单的action和onSubmit示例介绍

时间:2015-11-19 19:11:04      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:

action是form的属性,onSubmit为事件,要说执行的先后顺序,个人理解是onSubmit在先。

第一:action是form的属性,html5已经将其定义为必需的属性值,onSubmit为事件,通过<input type="submit" />提交时进行一个函数验证。。 

第二:要说执行的先后顺序,个人理解是onSubmit在先,先验证,验证返回false时,则无法到达action="url"地址。如果是返回true或者没有返回值是,则通过且转向url地址。 

复制代码
代码如下:

<span style="font-size:14px"> function check(){ 
var oText = document.getElementById("in").value; 
alert(oText); 
if(oText =="false"){ 
return false; 
} 
else { 
return true;} 
}</span> 

  



复制代码
代码如下:

<span style="font-size:14px"> <form action="table1.html" onSubmit="return check();"> 
<div><input type="text" id="in" /><input type="submit" value="提交" /></div> 
</form></span> 

  


onSubmit="return Fun();" 这里的return是一定要写的,不写?不写你可以试试!!! 

总之:onSubmit是进行验证,action是跳转后的链接地址。

Form表单的action和onSubmit示例介绍

标签:

原文地址:http://www.cnblogs.com/kenshinobiy/p/4978224.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!