表单提交 onsubmit=return false

一般，后台程序员与表单打交道的时间是最多的。
最近在看老师考试系统的源码，看到了有这么一段代码，当时不是很理解， google寻求帮助。
现在来总结一下。

<form action="youraction"   onsubmit="return false">****此处是表单内容*****
</from>

先让我们来做做，这样的实验。
写如下的代码：

<form action="http://www.baidu.com" >
<input  type="text" />
</form>

在输入框里随便输入些什么，按 enter键，会发现页面会转向百度
也就是表单会自动提交

在看看如下代码：

<form action="http://www.baidu.com">
<input type="text"/>
<input type="text"/>
</form>

然后像上面一样，按 enter键，会发现页面不会跳转到百度

如何解决一个input 发生自动提交，那就是给form 加上 οnsubmit=“retrun false”

见代码：

<form action="htttp://www.baidu.com" onsubmit="return false">
<input  type="text" />
</form>

总结： οnsubmit=“reutrn false”
onsubmit:当提交表单时执行一段 JavaScript,则return false表示禁止表单提交.

表单提交 onsubmit=return false相关推荐

form表单的onsubmit() return问题
以前在项目中为一个表单(from)编写onsubmit()脚本的时候,经常需要验证表单中数据的合法性,所以常会写道:<form action="/admin/addUser.do&qu ...
解决Enter触发form表单提交的问题
测试组在测试一个查询列表的时候,发现点击enter键会界面出现报错. 我查了一些资料,发现浏览器在form表单提交这块为我们做了处理. 如果表单里只有一个type="text"的i ...
ajax提交，form表单提交，onsubmit=return checksubmit()提交验证
Ajax提交的两种方式: 一是url参数提交数据, 二是form提交(和平常一样在后台可以获取到Form表单的值).在所要提交的表单中,如果元素很多的话建议用第二种方式进行提交一.Url参数提交数据 ...
表单提交时submit验证非空return false没用_开发这样一个复杂的表单你需要用多久...
表单在中后台开发的时,是最多也是最另人头疼的,多级联动,繁杂的验证,动态解析等可算是苦不堪言.所以出现了无数的表单解决方案,像Uform, formily, NoForm等等一大堆用来解决中后台开发表 ...
由表单中onsubmit=return false;想到的
众所周知,在表单中加上οnsubmit="return false;"可以阻止表单提交. 下面是简单的一小段代码: 代码 <form action="index.j ...
onsubmit阻止表单提交的一种方式
最近做移动开发,一下从后台转移到前端了,之前写了一年的java代码,现在天天搞jQ css html ,肯定有点不习惯,不过现在已经适应了,写页面还是挺好玩的. 言归正传,今天遇到的就是怎么阻止表单 ...
form的onsubmit事件--表单提交前的验证最佳实现方式
今天遇到了一个问题,页面中include了很多的公共页面(都是没有form的),并且里面好多的地方都是自行提交的(页面中加入一个type="submit"域,然后js中写入sumb ...
事件绑定(onsubmit)表单提交
事件绑定(onsubmit)表单提交学习路线:JavaScript基础语法(输出语句)->JavaScript基础语法(变量)->JavaScript基础语法(数据类型)->Jav ...
form表单的onsubmit事件中调用方法时为什么前面加return
表单(from)编写onsubmit()脚本的时候,经常需要验证表单中数据的合法性,所以常会写道:<form action="/admin/addUser.do" metho ...

表单提交 onsubmit=return false

表单提交 onsubmit=return false相关推荐

最新文章

热门文章