.submit和return false在我的表单上不起作用 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

form表单提交的几种方式

大家好，又见面了，我是你们的朋友全栈君。表单提交方式一：直接利用form表单提交 html页面代码： return false" action="##" id="formtest"> username: return false" action="##" id="formtest"> username:submit"。 formtarget 属性规定的名称或关键词指示提交表单后在何处显示接收到的响应。...-- 在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮（submit’>）就可以进行数据的提交，每一个input标签都需要有一个

6.4K2 0

阻止a标签的默认事件及延伸

(2)当用户在编辑完表单后按下回车键时，会触发表单的submit事件，在此事件发生后，表单提交才会真正发生。这种行为与我们讨论的事件处理程序不是同一个概念，它是单击标签元素的默认操作。...，作用是取消一个目标元素的默认行为。...当Event 对象的 cancelable为false时，表示没有默认行为，这时即使有默认行为，调用preventDefault也是不会起作用的。...;//当然也阻止了事件本身 }; //既然return false 和 e.preventDefault()都是一样的效果，那它们有区别吗？...//仅仅是在HTML事件属性和 DOM0级事件处理方法中才能通过返回 return false 的形式组织事件宿主的默认行为。

2.5K6 0

您找到你想要的搜索结果了吗？

是的

没有找到

submit方法与onsubmit事件

一．form的submit方法是否会触发onsubmit事件？...如何阻止表单的提交经常我们的提交表单前都会用js对表单内容作验证，如果有问题，则不希望提单表单。那么，如果阻止表单提交呢？取决于你用什么方式给表单加入onsubmit事件。...just a demo return false; }else{ return true; } } obj.onsubmit = function(){ return...false时，表单不会提交。...可见，listener是没有返回值的（写了也不会认），因此我们的check函数的返回值是不起作用的。

2.7K2 0

表单提交中的input、button、submit的区别

2.button[type=submit] 　　button的语义很明确，就是一个按钮不含数据，作用就是用户交互。但它也有type和value属性。 ...IE浏览器的兼容，请记住button[type]在IE中的默认值是button，这意味着它只是一个按钮而不会引发表单提交。　　...提交表单时，value会被作为表单数据提交给服务器。在IE中，甚至会把button开始与结束标签之间的内容作为name对应的值提交给服务器。...通用的办法是设置onsubmit： return false;"> submit...如果你希望调用一个方法来决定是否阻止提交，记得在此处返回方法的返回值： return false;"> <input value

4.1K10 0

python实战--Python Web

.03 最近在研究WebShell，于是打算写一个Python版的WebShell,使用的是cgi, Apache配置文件http.conf需做如下: 我的cgi脚本放到F:\py_cgi目录下，其中...# cookie 作用域 admin['cookiedomain'] = ''; # cookie 作用路径 admin['cookiepath'] = '/'; # cookie 有效期 admin[...return "" Cookie是存储在CGI环境变量HTTP_COOKIE的，他们将有以下的形式....="" else False is_pro = True if shell_pro !...由于WebShell需要在一个文件中，所以使用了很多的隐形表单，不然不好区分不同的操作。

1.5K1 0

form实现表单提交的各种方法(表单提交源码)

大家好，又见面了，我是你们的朋友全栈君。...比如一个表单里的提交按钮所指向的处理页面不同，这样由于表单在定义的时候就已经确定下表单数据的处理页面，所以单纯地在表单里放多个提交按钮是没有办法达到目的的。这就需要javascript。...有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了. 表单提交注意点注意：每个input标签都要有name属性，form要有action和method。...当然，这里也可以使用button代替input作为提交的按钮： button的type属性有两个值：button和submit。...return返回值，如果值为false则不进行提交，如果为true则提交。

5.6K3 0

from 阻止表单的默认提交事件

一、将input 标签的type属性从type=”submit”改为type=“button” 二、将input标签改为button标签三、在事件中添加event.preventDefault()...四、用onclick点击事件来return false 注意是onclick内是return func();而不是简单的调用func()函数 submit” value=“button” onclick=“return func()” />...> 五、利用表单的onsubmit事件注意：onsubmit事件的作用对象为，所以把onsubmit事件加在提交按钮身上是没有效果的。...form对象的onsubmit事件类似onclick,都是先处理调用的函数，再进行表单是否跳转布尔值的判断 <!

2.2K2 0

实战分析表单form中禁止自动提交

前言本文是我本人在开发网页时，在表单中加入了button按钮，本来是用于jQuery点击相应事件的按钮，然后，但我点击button时，发现不是达到jQuery指定效果，原本以为class标签或者其他代码写错...，找了很久，之后查找资料，知道表单form提交除了submit提交还有button也会提交，所以总结如何处理不然button 提交表单，在本文中，我们将讨论网页表单（form）中提交的两种方式。...解决方案 return false 一种是在jQuery代码最后加一句：return false，禁止表单提交；在jQuery事件处理函数中，返回false可以阻止表单的默认提交行为。...，元素有两种类型：submit和button。...false,禁止提交表单 return false; }); }); <font color="red

3280 0

JavaWeb防止表单重复提交的几种方式

大家好，又见面了，我是你们的朋友全栈君。...一、表单重复提交的常见应用场景网络延迟的情况下用户多次点击submit按钮导致表单重复提交用户提交表单后，点击【刷新】按钮导致表单重复提交（点击浏览器的刷新按钮，就是把浏览器上次做的事情再做一次，因为这样也会导致表单重复提交...，将表单是否已经提交标识设置为true return true; //返回true让表单正常提交 } else { return false; //返回false那么表单将不提交 } }...（5）、提交后重定向到一个提交成功的页面表单提交后跳转到另外一个成功页面。这样可以避免用户按F5导致的重复提交，浏览器也不会出现表单重复提交的警告，以及消除按浏览器前进和后退按导致的同样问题。...用户在页面上提交时带着这个token一块提交到服务端，服务端通过比对token的值。

2.2K2 0

thinkphp-ajax异步验证之ajaxReturn的使用

jquery序列化form表单在开发中有时需要在js中提交form表单数据，就需要将form表单进行序列化。 jquery提供的serialize方法能够实现。...$("#searchForm").serialize(); 但是，观察输出的信息，发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。...submit() 方法触发 submit 事件，或规定当发生 submit 事件时运行的函数。在使用id时，注意加上 onsubmit="return false;" 防止重复提交。...return false; } var postData = $("#form1").serialize(); //序列化表单，后台可正常通过post方法获取数据...").attr("disabled", true);//提交表单前的处理，防止用户多次点击【登陆】，重复提交表单 $("#btn-submit").val("正在登陆

1.2K3 0

用这招监听 Vue 的插槽变化

最近，每当组件的内容(插槽、子组件等)发生变化时，我需要更新它的状态。对于上下文，它是一个表单组件，用于跟踪其输入的有效性状态。...下面的代码片段是以Options API格式编写的，但除了指定的地方外可以在Vue2 和 Vue2中使用。...如果表单的内容改变了，会发生什么？如果一个在表单加载被添加到DOM中，会发生什么？...，可以在我们的表单组件中添加任意数量的 input，并添加任何它需要的条件渲染逻辑。...只要input使用HTML验证属性，表单就会跟踪它是否处于有效状态。此外，由于使用的是作用域槽，我们将表单的状态提供给父级，所以父级可以对有效性的变化做出反应。

2.7K2 0

struts2标签具体解释

在ui和表单中为HTML的id属性 I18n（国际化操作）描写叙述：载入资源包到值堆栈。它能够同意text标志訪问不论什么资源包的信息。而不仅仅当前的action相关联的资源包。...在ui和表单中为HTML的id属性 Include 描写叙述：包括一个servlet的输出(servlet或jsp的页面) 名称必需默认类型描写叙述 value 时 String 要包括的jsp...在ui和表单中为HTML的id属性 set 描写叙述：set标签赋予变量一个特定范围内的值。当希望给一个变量赋一个复杂的表达式，每次訪问该变量而不是复杂的表达式时用到。...在ui和表单中为HTML的id属性 Text 描写叙述：支持国际化信息的标签。...在ui和表单中为HTML的id属性 url 描写叙述：该标签用于创建url，能够通过”param”标签提供request參数。

1.3K2 0

你还在手动拼接ajax数据吗？还不会通过ajax实现文件上传？

FormData 接口提供了一种表示表单数据的键值对的构造方式，经过它的数据可以使用 XMLHttpRequest.send() 方法送出，本接口和此方法都相当简单直接。...如果送出时的编码类型被设为 "multipart/form-data"，它会使用和表单一样的格式。上面提到了Formdata提供一种表示表单数据得键值对的构造方式，什么意思?...通过Formdata你就不用手动拼接表单元素的值了如name:sdd&pwd:dsf... 或许你会疑惑我为什么要手动拼接表单值，直接提交不就行了吗？...false; } 看上去代码似乎都差不多，但这里我们没有手动拼接数据，而是直接使用了表单元素的数据。...return false; }); 需要注意的是使用jq的ajax时必须设置process...和contentype...

5571 0

javascript常用判断写法

2.3:表单只能为数字和”_”, 2.4:表单项输入数值/长度限定 2.5:中文/英文/数字/邮件地址合法性判断 2.6:限定表单项不能输入的字符 2.7表单的自符控制 2.8:form文本域的通用校验函数...; document.form.name.focus(); return false; } return true; } –> 2.2 比较两个表单项的值是否相同....”); document.ADDUser.PWD.focus(); return false; } return true; } –> 2.3 表单项只能为数字和...(false); }else{ return(true); } } 2.8. form文本域的通用校验函数 ————————————— 作用：检测所有必须非空的...使用方法：在要检测的文本域中加入title文字。文字是在提示信息，你要提示给用户的该字段的中文名。

1.5K4 0

js – form表单提交不刷新

大家好，又见面了，我是你们的朋友全栈君。...大家已经发现了, 当我们点击submit提交form表单的时候, 他会刷新一次, 如果不想它刷新的话有下面两种方法: 利用iframe 我们可以利用一个隐藏的iframe来实现, 主要是我们把提交目标放到一个隐藏的..., 然后我们return false(让submit这次的点击触发事件失效, 否则表单又会提交一次, 并且刷新页面) 我们可以这样: ====== 如果你用原生js的话 html代码: 在绑定onsubmit的时候是把return false放进onsubmit后面的调用函数内的, 这样子如果你的函数出现了错误, 将不会继续执行到函数最后’return false’这里, 还是会出现刷新的现象...为了安全起见, 我们可以不用去掉函数的return false.

14.5K1 0

django入门：Admin管理系统及表单（干货）

admin 管理界面为了可以和用户进行交流，我们需要获取用户的一些评论之类的，所以我们需要通过表单让用户提交信息，接下来我们将了解下 django 的表单 django 表单存在相应模型（POST...，django 自动校验表单数据是否合理，根据模型的字段类型来判断 if form.is_valid(): # commit=False 表示只生成模型类的实例，..." class="submit-btn">发表：我们打开界面可以看到新加文章的表单界面，当提交的信息发生错误的时候...提交表单错误不存在对应模型（POST 方式） 1.在 forms.py 中创建表单 # 假设有个信息反馈的表单 class ContractForm(forms.Form): subject...' return render(request, 'blog/home.html', locals()) # Q 对象用于包装查询表达式，其作用是为了提供复杂的查询逻辑

3K2 1

redux-form的学习笔记二--实现表单的同步验证

和3中的区别） 5在尚未输入内容时（pristine=true）或在提交过程中(submitting=true),禁止使用提交按钮。...在点击清空按钮时，调用reset()方法清空所有输入框中的内容首先附上form.js的代码：(这份展示一共两份代码：index.js和form.js,index.js的内容请看上一篇博客) import...的作用我这里简单介绍一下，详细的大家可以去看英文的API：左转http://redux-form.com/6.5.0/docs/api/Props.md/ handleSubmit是处理提交的一个函数，...接收三个参数：values（即上文提到的保存表单数据的对象），dispatch和props（传递给自定义表单组件的属性） pristine是一个布尔型的值，如果表单初始化后尚未输入值，为true,否则为...false,当你向表单中第一个输入框中输入值的时候，pristine就由true转为false了 reset是一个函数，调用reset()可清空表单 submitting是一个布尔型数值，true表示表单正在提交

1.9K5 0

js与form交互方式总结

然而，从HTML语义化的角度来说，使用form表单有更强的可读性，虽然简单，仍简单总结下form与js的兼顾。...1 方式一：onsubmit验证提交在form标签中增加onsubmit事件来判断表单提交是否成功 function validate(...false; } } return validate(document.getElementById...{return true;}else{return false;}}; //也可以绑定click事件 function submitForm() { if (validate()) {...{ return true; } else { return false; } } <form action="

590 0

论Ajax请求拦截表单时为何不能return值，异步和同步

现在验证表单经常会用到Ajax验证，去查看用户名是否存在或者手机号是否存在啥的，为了方便，就可以使用Ajax进行验证了。...第一次遇到这个问题是上课时用.Net MVC然后里面有一个要求是验证用户名是否存在，一开始我也是半天请求之后不能进行表单拦截。...result } 然后发现赋值没有附上，然后我以为是变量的作用域问题，于是又指定了一个that去指定方法中的this，于是这样赋值直接为空然后偶尔几次...其实一开始我用的教室电脑，反应可能没那么快，所以能够赋值到result上，我刚刚重现的时候用的自己电脑，速度可能快一些，所以来不及赋值就走了。...之前我以为是作用域问题，然后看似好像解决了，但是其实是错误的，昨天我用Python写验证拦截的时候，发现也是直接跳转了，试了一节课，总算发现了Ajax异步的问题。

5521 0

js与form交互方式总结

然而，从HTML语义化的角度来说，使用form表单有更强的可读性，虽然简单，仍简单总结下form与js的兼顾。...1 方式一：onsubmit验证提交在form标签中增加onsubmit事件来判断表单提交是否成功 function validate(...false; } } return validate(document.getElementById...{return true;}else{return false;}}; //也可以绑定click事件 function submitForm() { if (validate()) {...{ return true; } else { return false; } } <form action="

2.7K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭