Form表单的action和onSubmit示例介绍

简介: action是form的属性,onSubmit为事件,要说执行的先后顺序,个人理解是onSubmit在先。 第一:action是form的属性,html5已经将其定义为必需的属性值,onSubmit为事件,通过提交时进行一个函数验证。

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是跳转后的链接地址。

如何联系我:【万里虎】www.bravetiger.cn 【QQ】3396726884 (咨询问题100元起,帮助解决问题500元起) 【博客】http://www.cnblogs.com/kenshinobiy/
目录
相关文章
|
5月前
|
前端开发
a标签以post方式提交
a标签以post方式提交
|
9月前
|
Java
SpringMVC中使用form:form表单标签报500错误
SpringMVC中使用form:form表单标签报500错误
74 0
|
安全 应用服务中间件
Form表单method属性的两种提交方式Get和Post的区别
Form表单method属性的两种提交方式Get和Post的区别
201 0
【TP5】form表单的action地址怎么写
【TP5】form表单的action地址怎么写
266 0
【TP5】form表单的action地址怎么写
|
Web App开发 数据安全/隐私保护 缓存
|
Java
Struts2 的Action中取得请求参数值的几种方法
Struts2 的Action中取得请求参数值的几种方法 先看GetRequestParameterAction类代码: Java代码   public class GetRequestParameterAction extends ActionSupport {              pri...
994 0