首页 > 代码库 > Form表单的action和onSubmit示例介绍

Form表单的action和onSubmit示例介绍

2024-08-24 20:07:29   220人阅读

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="http://www.mamicode.com/提交" /></div> 
</form></span> 

onSubmit="return Fun();" 这里的return是一定要写的，不写？不写你可以试试！！！ 

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

 

 

Form表单的action和onSubmit示例介绍


联系
我们