form.on(submit)重复

避免layui form表单重复触发submit绑定事件

个人博客地址:http://www.wenhaofan.com/article/20180927002336 在使用以下代码监听lay-filter为editConfig的提交按钮后,当点击提交按钮时会触发两次该提交事件. form.on("submit(editConfig)",function(data){ } 最后经过检查代码发现form表单的lay-filter的值同样为editConfig <form class="layui-form " lay

认真研究下HTML之id、name、form、submit

#起因同事希望在提交之后关闭父窗口,但是,始终没有提交请求发出.他的代码大概如下: // <form id='f' action=... // <button onclick='fun()'>... fun(){ $('#f').submit(); window.parent.close(); } 运行结果是,“直接关闭,没有提交”. 在建议他用Ajax提交的同时,又好奇为什么会这样,于是测试了下,发现规律很简单: form的submit动作是在所有动作之后执行的,类似于在Java中的

JavaWeb学习总结（十一）：Session解决form表单重复提交

在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复提交. 一.表单重复提交的常见应用场景有如下的form.jsp页面 1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <!DOCTYPE HTML>

ASP.Net MVC跳转，分为form的submit提交跳转和ajax跳转

1,用jquery ajax跳转的话,需要在前台用window.location("跳转网址")来跳转,在success后使用 2,用原声的form的submit来跳转,如下图 3,上面一段js+html也可用js来代替,如下关于跳转的一些方式,大家有哪些意见和建议,可以在下面留言,欢迎讨论最近在研究node.js,觉得这东西很牛逼,但是不知道对于我现在的小项目来说,能不能用,怎么用,用起来怎么样,还有我在学习xojo,听说这个是高度封装,好处就是少写代码,坏处就是无法更多的自由,

EasyUI form ajax submit到MVC后，在IE下提示下载内容的解决办法

问题描述: 项目环境为,.Net Mvc5+EF6……前端框架使用的是EasyUI v1.4.4. 在视图页面中,使用form的submit方法提交表单数据时,如果是使用IE的话,请求成功后IE会提示下载内容,关于这个下载内容,则是由于IE默认的Content-Type为text/html,而我们喜欢用的Google浏览器默认的Content-Type为application/json. 解决办法: 那么根据以上的问题描述,我们可以在返回数据之前设置返回的Content-Type为text/

【jquery采坑】Ajax配合form的submit提交（微擎表单提交，ajax验证，submit提交）

1.采坑:实现form的submit提交,在提交之前,进行ajax的不同校验,然后onsubmit=return check(),进行提交 1/1 目的:可以实现以 from的submit提交,然后还能进行数据的ajax动态验证. 2.html: <form class="form-horizontal" method="post" role="form" onsubmit='return check()'> <button t

layui表单提交使用form.on('submit(sub)',function (){}) 使用ajax请求时回调不执行的原因及解决方法

ayui使用官方的表单模块form.on('submit(sub)',function (){}) 提交,使用ajax请求向后台请求一个执行结果,根据结果进行处理,出现回调无法执行,并且页面出现了刷新之前也遇到过这个问题,直接使用将form标签修改成了div,通过jquery为提交按钮添加点击事件,而不用submit提交表单. 今天在为毕设添加修改密码的功能的时候,再次遇到了这个问题,刚好有点空闲,决定找出真正的原因. 首先,debug服务端逻辑,发现能正常取值,返回值也是正常之后,检查aj

form表单重复提交，type=“button”和type=“submit”区别

公司测试提了一个项目后台在IE浏览器下(360,firefox就没问题)出现数据重复的问题,调试了好久终于发现问题所在,也不知道是谁写的代码,醉醉的.... 错误地点: <input type="submit" value="提交" class="btn" id="formSubmit" onclick="checkForm()" /> type类型写成submit,而在checkForm

改写Form的submit

表单的一些应用常识: 1.在用户第一次提交完表单后应防止用户不耐烦而多次点击submit按钮,需要在onsubmit事件中制止用户的重复行为. 2.不要简单粗暴的用reset()重置表单,如果用户不想填写可以给他一个返回上一页面的按钮,让其离开. 3.通过触发阻止onsubmit事件的默认行为就可以阻止用户表单的提交. 4.能够在用户输入完一个内容后焦点自动跳到下一个内容. 5.除了select,其余有onchange事件的表单元素都是先触发onchang再触发onblur,前提是该表单内容有了

easyUI的form表单重复提交处理

1. 问题生产环境出现过新增用户提交, 入库两条重复数据的情况; 但是我查看代码, 页面做了校验, 后台插入数据也做了校验; 出现这种几率的事件的非常小的, 但是还是会碰到, 客户会对我们的产品产生怀疑, 所以解决这个问题很重要. 2. 解决办法其实根本原因还是用户提交注册表单发生了重复提交, 只要杜绝重复提交就可以了; 所以提交表单之前加入遮罩层来解决, 代码如下: function submit(){ if(!$("#form").form('validate')){ ret

extend选项和delimiters选项 vue 数据绑定 html form 对比 id重复

{{define "chkUrl"}}<!DOCTYPE html><html lang="zh-cmn-Hans"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=de

js阻止form表单重复提交

防止表单重复提交的方法总体来说有两种,一种是在js中阻止重复提交:另一种是在后台利用token令牌实现,大致思路是生成一个随机码放到session和form表单的隐藏输入框中,提交表单时两者对比,表单处理完毕清空或者修改session中的token. 在js中处理简单易懂,同时能解决我现在所做的项目中的问题,目前暂用js处理,后期如有需要再研究token机制.代码如下: 1.表单提交后禁用提交按钮(在本项目中表单提交完成后,如果处理成功都把form表单关掉了) /** * form表单格式验证通

form的submit与onsubmit的用法与区别

发生顺序:onsubmit -> submit1.阻止表单提单:<script>function submitFun(){ //逻辑判断 return true; //允许表单提交 //逻辑判断 return false;//不允许表单提交}</script><form onsubmit="return submitFun();"> //注意此处不能写成 onsubmit="submitFun();"

php 解决和避免form表单重复提交的方法

在提交表单的时候,可能遇到网速等导致页面突然加载变慢,用户重复地点击提交按钮,将在数据库产生多条数据,导致不可控情况. 比如下面的情况就会导致表单重复提交: 点击提交按钮两次. 点击刷新按钮. 使用浏览器后退按钮重复之前的操作,导致重复提交表单. 使用浏览器历史记录重复提交表单. 浏览器重复的HTTP请求. 网页被恶意刷新. 下面是几种解决的方法: 一:利用js设置按钮点击后变成灰色 $(document).ready(function(){ $(input:submit).click(){ s

form的submit()方法不能触发onsubmit事件的解决方法，兼容各版本浏览器。

在处理表单提交的时候遇到一个问题,通常用<input type="submit" value="提交" />按钮来提交form,再监听form的onsubmit事件就能在前端处理表单验证的事情. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document<

电脑端支付宝支付 -前端获取支付宝返回的form 以及submit 调用支付扫码页面

前端调取支付宝支付接口(后台进行封装,没有直接调取支付宝接口),调用返回的数据中,将会有一串的form表单数据返回,我们需要将此表单在当前调用页面submit下,以跳转到支付扫码页: 支付宝返回的form 数据: <form name="punchout_form" method="post" action="https://openapi.alipay.com/gateway.do?charset=GBK&method=alipay.tra

form在submit之前使用request.setCharacterEncoding是没用的

点击了submit按钮,就创建了另一个request了比如你有a.jsp,上面有个form,form的action指向某个Servlet或者Action,那么你在a.jsp页面上写的request.setCharacterEncoding或者JSTL的<fmt:requestEncoding>对于submit之后创建的request是毫无影响的,所以,如果你想解决submit之后创建的request的encoding问题,就要把encoding的代码写到Servlet或者Action中,又或

extjs经典form的submit()和ajax()

extjs 的submit: // 发送请求 this.formPanel.getForm().submit({ url : this.saveUrl, method:'post', params:{ billId:recordId

JavaScript--取消a标签和form的submit提交默认行为

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> /** * 取消浏览器默认行为 * 如: * a链接跳转, * submit按钮提交表单 * (PS:右键弹出菜单也是) * 实现方式: * event.preventDefault(); * ret

[转] form.getForm().submit的用法及Ext.Ajax.request的小小区别

原文地址:http://blog.csdn.net/hongleidy5000/article/details/7329325 if (!formDetail.getForm().isValid()) { msg("警告", "请填写必要信息项!"); return; } else { try { formDetail.getForm().submit({ url: '../ashx/userLogin.ashx', params: { type: '1' }, w

form.on(submit)重复

热门专题