首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

关于表单重复提交问题

问题引入:当我们在做一个页面数据提交时候,当我们连续点击提交按钮,因为快速连续点击,因为速度过快,页面还来不及反应,导致页面从复提交。。...问题解决:   对于问题又会设计到以下几种情况:     1、我们利用Ajxax进行页面提交,对于这中情况,非常好解决,我们只需在页面设置一个变量“hasSubmit=false”,在ajax提交前对其...“hasSubmit”验证,如果hasSubmit==false才提交表单,在提交表单同时修改hasSubmit=true,ajax提交完成时,在次修改hasSubmit=false即可完成。...hasSubmit = true; }     }) });   2、如果页面使用了jquery验证控件对其进行验证处理...$(function () { //表单验证JS $("#form1").validate({ //出错时添加标签

1.7K20

表单常用控件有哪些_html表单控件样式修改

表单特性   value属性规定输入字段初始值;   readonly属性规定输入字段为只读(不能修改); readonly属性不需要值,它等同于readonly=“readonly”。   ...H5新增表单特性 placeholder   输入框提示信息   autocomplete 是否保存用户输入值(默认为on,关闭提示选择off)   autofocus    指定表单获取输入焦点...    此项必填,不能为空   pattern   正则验证 pattern=”\d{1,5}”   formaction  在submit里定义提交地址 (只在opera浏览器下有作用) 表单控件...重置按钮会清除表单所有数据 submit 定义提交按钮。提交按钮会把表单数据发送到服务器 text 定义单行输入字段,用户可在其中输入文本,默认宽度为20个字符。...H5新增控件 email 电子邮箱文本框,跟普通没什么区别(当输入不是邮箱时候,验证通不过; 移动端键盘会有变化) tel 电话号码 tel主要功能在移动端,一个键盘切换 url

3.9K20
您找到你想要的搜索结果了吗?
是的
没有找到

关于ant-design表单问题

需求是这样,当我改变名称时候,编码会调用后端一个接口,然后展示到页面上,像这类如果用state,setState的话也是非常方便就能解决,但是这个页面涉及编辑,新增,如果单独拿一个state值来设...,感觉有些不爽,而且目前用redux-saga来写全局代码,不准备用state....接下来是问题: 当我没有点保存时候,编码会根据名称变化而变化, 当我点了保存后,编码则不动了. 问题根源: 根据官方页面介绍,看不出什么原因(反正我看不明白)....据我理解,是在点保存时候,页面把编码initalValue设置成了value,而value会把initalValue给覆盖了,再不能用initalValue来改变值了,事实也证明了这一点,我在react...生命周期里,通过this.props.form.setFeildsValue()方法来改变编码值就行通了.代码如下: componentWillReceiveProps(nextProps){

1K40

简单表单布局控件

这样出来结果整整齐齐,看上去没什么问题,但当系统里有几十个表单页以后需要统一标签改为上对齐,或者标签和控件中加一个:号等需求都会难倒开发人员。...一个好做法是使用某些控件库提供表单控件;如果不想引入一个这么“重”东西,可以自己定义一个简单表单控件。...这篇文章介绍一个简单用于布局表单Form控件,虽然是一个很老方案,但我很喜欢这个控件,不仅因为它简单实用,而且是一个很好结合了ItemsControl、ContentControl、附加属性教学例子...3.1 用FormItem封装表单元素 在文章开头表单中,TextBox、Password等是它逻辑结构,其它都只是它外观和装饰,可以使用自定义ItemsCntrol控件分离表单逻辑结构和外观。...DataForm通常还可以更进一步--反射实体类所有属性自动创建表单。如果需要的话可以直接买一个包含DataForm控件库,或者SilverlightTookitDataForm移植过来用。

2.3K30

关于表单使用

/plain(纯文本格式) text/css(css文件格式)等等 第13节:表单提交哪些标签哪些值会被提交给服务器呢?...3、对于RadioButton,同name为一,选中RadioButtonvalue被提交到服务器。(讲道理:如果都提交,那服务器知道谁被选中了吗?)...2、浏览器向服务器端提交数据,被提交数据表单(input、select、textarea等)放到form中,form中通过action属性设定表单被提交给哪个页面,为了在服务端取出表单值,需要在HTML...中为表单元素设定name属性 3、注意id是给JS操作Dom用,name才是提交给服务器用。...id不能重复,name可以重复,重复name值都会被提交给服务器。 4、服务器端用context.Request["username"]来根据表单name来获得提交属性值。

68120

表单控件副产品——查询控件

查询控件     当初在写表单控件时候,突然想到,这个表单控件稍微修改一下不就是一个查询控件了吗?     那么查询控件需要做什么事情呢?          ...是不是和表单控件很像呢?     在表单控件SaveData()里面我们可以得到字段名称和对应用户输入信息,那么我们就可以写成这种方式。         ...PageTurn.BindFirstPage()         End If             End Sub #End Region     当然这里有一个适用范围和习惯问题...分页控件有一个属性:myPage.SqlQuery = "";这个属性就是用来给分页控件设置查询条件,正好可以查询控件对应上,这两个控件一配合起来,查询、分页就变得非常简单了。...抽象     这样出现了一个问题,由于两个控件比较象,但是总不能等表单控件写好了,然后复制粘贴,再改一改,查询控件就诞生了吧。我们是不是应该对于相同地方进行“抽象”呢,把相同代码放在基类里面。

1.1K80

【实现】表单控件控件变化。

上一篇说表单布局上变化,也就是通过TR、TD设置,实现了多行多列效果。那么格子画好了,我们 可以往里面放控件了。上次都是用文本框,这个显然是不行,还要扩大这个范围。      ...在表单控件里面控制子控件就很容易了,几行代码就可以搞定,子控件变化都交给了ShowMe()来实现。...} 表单控件流程 添加数据: 1、得到页面请求,到配置信息里面读取需要信息,绘制UI,生成并加载需要控件。...现在表单控件已经可以增加子控件和实现添加数据功能了,当然还需要完善,尤其是“属性设置”这一块,需要很好规划。...下图是表单控件和查询控件与各个子控件关系图,通过接口IControlMgr来实现对子控件取值、赋值和属性设置。 ? 下图是表单控件可以实现效果 ?

1.7K80

【自然框架】表单控件 之 一个表单修改多个表里记录

FormView 确实挺方便,不过他也有几个小问题,只把FormView拖到页面里是不行,还得再拽几个文本框、下拉列表框这一类控件,还得布局。...另外不知道FormView、DataSource能不能同时修改多个表里数据,他能不能做到我就先不去研究了,我写这一篇目的是想说一下我表单控件是可一次修改多个表里数据。       ...用两个表单控件吗?这个倒也是可以,但是比较麻烦,而且布局上也会遇到一些问题。所以还是要把两个表里字段都放在一个表单控件里面的好。       【效果图】 ?       ...这里主要填写“添加数据用表”等四个信息,其中“查看数据用表”需要写一个视图,通过这个视图来给表单控件控件提供数据,然后要在“修改数据用表”里面填写要修改数据表名,中间用逗号分隔就可以了。...我们先选择“Manage_Columns”表里字段,然后再选择“Manage_FunFormCol”表里字段,用鼠标打对号,然后单击“添加到表到”按钮。

1.5K60

【实现】表单控件UI布局,实现方式

一、先说一下表单控件要实现功能吧。      ...表单控件有点: 1、自动生成子控件(文本框、下拉列表框等) 2、当数据库字段有变化时候,只需要修改一个地方就可以搞定,不用到许多地方修改。...1、配置信息(描述信息)      配置信息分别放在11个表里面,分别是表描述、字段描述、模块信息描述、列表页面需要字段和描述、表单页面需要字段和描述、查询功能需要字段和描述等。...再来详细看一下表单控件需要配置信息。 ?      这个图好像有点乱。总之就是根据这些信息,显示出来右上角那个表格。      ...                显示字段#region 显示字段                 SetStartTR(index, bInfo);      //判断是否显示                 //添加到表单控件

1.3K70

防止用户表单重复提交方法 原

表单重复提交是在多用户Web应用中最常见、带来很多麻烦一个问题。有很多应用场景都会遇到重复提交问题,比如: 点击提交按钮两次。 点击刷新按钮。...使用浏览器后退按钮重复之前操作,导致重复提交表单。 使用浏览器历史记录重复提交表单。 浏览器重复HTTP请求。   几种防止表单重复提交方法 1.禁掉提交按钮。...表单提交后使用JavaScript使提交按钮disable。这种方法防止心急用户多次点击按钮。但有个问题,如果客户端把Javascript给禁止掉,这种方法就无效了。   ...这能避免用户按F5导致重复提交,而其也不会出现浏览器表单重复提交警告,也能消除按浏览器前进和后退按导致同样问题。 3.在session中存放一个特殊标志。...如果发现表单提交里没有有效标志串,这说明表单已经被提交过了,忽略这次提交。   这使你web应用有了更高级XSRF保护。 4.在数据库里添加约束。

1.9K20

文档驱动 —— 表单组件(五):基于Ant Design Vue 表单控件demo,再也不需要写代码了。 表单一 公司信息表单二 员工信息,简化版,只是为了演示表单切换。以后会出

源码 https://github.com/naturefwvue/nf-vue3-ant 特点 只需要更改meta,既可以切换表单 可以统一修改样式,统一升级,以最小代价,应对UI升级、切换,应对框架...(验证功能还在研究中) 表单一 公司信息 ? 表单二 员工信息,简化版,只是为了演示表单切换。以后会出复杂版 ?...首先要使用基于antdv封装表单元素组件,然后for循环出来tr,再把组件加到td里面就可以了,操控感十足。 因为都是for出来,所以表单再大,代码也还是那几行,不会增加。...ref(json.companyForm) // 表单需要meta信息 const myClick = (key) => { // 更换表单meta metaInfo.value...两个表单是这些代码,一百个表单也还是这些代码。 增加表单,只需要增加meta即可,再也不用写代码了 后续 查询控件正在完善中 特殊布局表单组件也在构思中 ......

76910

Vue3件(九)Vue + element-Plus + json = 动态渲染表单控件 单列多列

model 这个表单控件是基于 element-plus el-form 做二次封装,所以首先感谢 element-plus 提供了这么强大UI库,以前用 jQuery 做过类似的,但是非常麻烦...这样一个v-for搞定了很多事情,比如单列、多列,组件排序问题,组件占位问题,还有依据用户选择显示不同组件问题,其实就是修改一下 formColSort 里组件ID构成和顺序。...调多了之后发现一个问题,看起来和单列调整后似乎一样。 ? 多列表单有一个特点,一个格子比较小,有些组件太长放不下,这个时候这个组件就要抢后面的格子来用。...,显示对应组件 这个也是一个急需功能,否则的话,动态渲染表单控件适应性就会受到限制。...支持 扩展组件 自带组件肯定是不够,因为用户需求总是千变万化,那么新组件如何加入到表单控件里面呢?可以按照接口定义封装成符合要求组件,然后做一个map字典,就可以设置进去了。

3.8K21

ThinkPHP5.1表单令牌Token失效问题解决

前言 ThinkPHP出于安全考虑增加了表单令牌Token,由于通过Ajax异步更新数据仅仅部分页面刷新数据,就导致了令牌Token不能得到更新,紧接着第二次新建或更新数据(提交表单时)失败——不能通过令牌验证...在网上搜寻了很多,有好几种方法;看完觉得有一个最好: Ajax异步动态请求创建新令牌并更新到本地 主要思路:在每次发送表单结束后(不管成功与否)通过Ajax异步请求一个新表单令牌并保存到表单隐藏域中...,下次提交表单就使用新表单令牌去通过。...<input type="hidden" id="__token__" name="__token__" value="{$Request.token}" / 最后,我们就可以在javascript相应提交表单地方增加语句申请新令牌了...@param {文本} Controller 控制器 * @param {文本} Action 方法 * @param {文本} Location Ajax加载页面的位置id * 使用方法:表单对象不用提交任何设置

1.9K41
领券