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/
相关文章
form表单input标签的23种type类型值?
当你学了很多技术以后,再回头看来,竟然被一个被一个基础问题虐了,23个类型值说不全,不是少这个,就是少那个,那么23种类型都有什么呢?
85 0
SpringMVC中使用form:form表单标签报500错误
SpringMVC中使用form:form表单标签报500错误
134 0
element的Form表单就应该这样用
我们希望把表格的内容,验证规则,甚至于表单的样式,格式都能更规则化,配置化,这样后续我们可以通过构造json去实现一个表单,甚至可用实现拖拽式的构造表单。
133 0
element的Form表单就应该这样用
form 表单提交数据小记
form表单传统的提交方式,会跳转页面,需要做处理才行,可以在form上配置提交方式、提交地址,可以用submit、和button提交<form id="formid" name= "myform" method = 'post' action = 'user_login_submit.
1478 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等