点击a标签会提交两次数据

2024-10-17

A标签/按钮防止重复提交&页面Loading制作

[实现原理] 防止重复提交与页面的提交时的Loading设置,均是在提交,但是尚未处理完成进行的操作,且提交为异步提交(同步提交不需要考虑).因此,其实现原理是在点击按钮或A标签时,将按钮/A标签置为不可用,在提交完成的回调函数中再将按钮/A标签置为可用:Loading原理是在点击提交时,生成Loading样式,在提交完成之后隐藏该样式. [同步]:提交请求->等待服务器处理->处理完毕返回这个期间客户端浏览器不能干任何事 [异步]:请求通过事件触发->服务器处理(这是浏览器仍然可以作

VB.Net中点击按钮（Button）会重复提交两次表单

在VB.NET程序开发过程中遇到一个问题提交一个表单时,button的html代码如下 <asp:Button ID="btnSubmit" OnClick="cmdSubmit" runat="server" CssClass="btn btn-default" Text="Send" CausesValidation="true" /> 后台代码如下: Sub cmdS

ASP.NET 程序提交表单数据中带有html标签不能提交或者提交报错问题

今天在公司做另外的一个项目,又奇葩的遇到一个问题. 在本地自己电脑上怎么测试都是正常的.但是先上服务器就出问题: 用富文本编辑器上传一篇文章,始终报错,又没提示具体什么错误,也没说代码错误,点击提交按钮后始终不会请求相应的后台事件方法. 首先根据自己的经验,想到是不是和之前遇到过的提交数据中含有html标签而造成不能提交表单问题. 然后直接在页面加上:ValidateRequest="false" 关键是加上后还是一样的错误,这个我就有点不知所措了,只显示个页面出错,写了日志,查看日志

JS点击任意标签获得该标签属性，以获得ID为例，以及AJAX的异步原理和 $(document).ready()与window.onload加载方法的区别

js代码: //$(document).click(function (e) { // 在页面任意位置点击而触发此事件 // var select = ""; // var i = $(e.target).attr("id"); // e.target表示被点击的目标 //这里是实际项目里面寻找下拉框的方法 // select = e.target.parentNode.parentNode.getElementsByTagName('select') //循环的方

关于Asp.Net中避免用户连续多次点击按钮，重复提交表单的处理

Web页面中经常碰到这类问题,就是客户端多次点击一个按钮或者链接,导致程序出现不可预知的麻烦. 客户就是上帝,他们也不是有意要给你的系统造成破坏,这么做的原因很大一部分是因为网络慢,点击一个操作之后,系统响应慢,于是点击多次.如果我们遇到这种情况, 也许是一样的操作方法,所以解决问题才是王道. 废话不多说,直接切入正题. 方法一:在客户端制作一个遮罩层. 即用js和css制作一个纯白色或者黑色的遮罩的div,当客户端点击按钮时,弹出这个div并覆盖在当前用户界面之上, 这样遮罩层下面的内容被屏蔽

jquery如何实现点击LI标签和下面的LI互换顺序？超简单代码

转: jquery如何实现点击LI标签和下面的LI互换顺序? 上面的效果涉及jquery的两个方法: next() : 获得匹配元素集合中每个元素紧邻的下一个同胞元素. after() :在被选元素后插入指定的内容. 综合起来,核心代码为 $(".content li").click(function() { // 点击li元素时 if($(this).next()) // 如果存在下一个元素 $(this)

点击a标签，跳转到iframe中，并在iframe中显示指定的页面

点击a标签,跳转到iframe中,并在iframe中显示指定的页面 1.用a标签的target属性 <iframe id="myFrameId" name="myFrameName" scrolling="no" frameborder="0"></iframe> <a href="../XX.action?codeInfo=Demo123" target="myFr

鼠标模拟点击a标签

今天写程序遇到的,想要用鼠标模拟点击a标签 html代码如下: <a id="jump"></a> js代码如下: var page = ....; $('#jump').attr('href', '?page='+page).click(); 执行结果为a标签的href属性添加成功,但就是无法点击跳转... 后查询结果说要在里面加元素,故将html改成: <a id="jump"><span id="click&

ie8下jquery读取当前点击的标签位置错误，原因是里面有内容写了text-indent:-9999px

今天写一地图的效果,鼠标点击对应的区域,弹出所点击区域的名字. 因为设计的区域名字有特殊效果,所以,在点击区域里面套了个标签写上区域名字用来识别,但是这个文字呢不同显示在页面上,所以就给 em 加个了display:block;text-indent:-9999px的样式. 用jquery var _index = $(this).index(); 获取当前点击的标签对应的名字时,发现在ie8每次获取的标签所在位置都不正确,其它浏览器都正常.百思不得其解,找了很长时间问题,发现,把 text-i

使用<input>标签做了两个按钮, 按钮之间间距如何去掉

遇到的问题: 使用<input>标签做了两个按钮, 按钮之间有个间距不知道怎么去掉. 如下图: 问题解决: <input>是内联块状元素(inline-block); 内联元素是当做字体来处理的,字体之间是有间隔的,所以内联元素之间也是有间隔的; 将<input>父级字体(font-size)设为0px,可以消除间隔,但是重新设置内联元素(<input>)的字体大小; 修改后的代码: 修改后的样式: 参考内容:http://www.imooc.com/qad

javaWeb中一个按钮提交两个表单

一个按钮提交两个表单,有时候会用到,一般会很容易想到使用 onclick="document.form1.submit();document.form2.submit();" 的方法往往只会提交最后一个表单,前面一个会莫名其妙的忽略不计,有人提议使用下面的方法: 1)<script language="vbscript"> sub form1_onsubmit() form2.submit end sub</script>//1的方法不能用在

使用JS或jQuery模拟鼠标点击a标签事件代码

原文使用JS或jQuery模拟鼠标点击a标签事件代码这篇文章主要介绍了使用JS或jQuery模拟鼠标点击a标签事件代码,需要的朋友可以参考下 <a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a> $("#alink").click(); // 触发了a标签的点击事件,但是没有触发页面跳转 document.getEleme

微信浏览器返回刷新，监听微信浏览器返回事件，网页防复制，移动端禁止图片长按和vivo手机点击img标签放大图片

以下代码都经过iphone7,华为MT7 ,谷歌浏览器,微信开发者工具,PC端微信验证.如有bug,还请在评论区留言. demo链接:https://pan.baidu.com/s/1c35mbjM 密码:5yyf 1.移动端微信浏览器返回刷新事件,在返回后的页面上加上以下代码: <script type="text/javascript"> $(function () { var isPageHide = false; window.addEventListener('p

移动端页面点击a标签会有半透明的阴影或红色边框的bug

好久没有更新了,今天来一发 ^_^ 最近在写移动端页面,测试时发现一个a标签的bug:无论是iOS端还是Android端都存在,当点击a标签,会有一个矩形的透明的阴影闪一下(不同的浏览器阴影的颜色还不一样,有的是灰色,有的是淡蓝色的...). 在点击的时候还是相当明显的,这就显得比较违和了,没办法发现bug只得去想办法解决呀. 在改的过程中,发现只有a标签会有这个问题,button和其他标签都不存在,那么久锁定a标签,测试bug是a标签的href属性导致的,搞了这么久,其实都是浏览器自动的效果,

js将一篇文章中多个连续的<br>标签替换成两个连续的<br>标签

写本文的目的是今天恰好有一个之前做SEO的同事问我怎样把一篇文章中多个连续的br标签替换成两个连续的br标签,这里就牵涉到SEO层面的问题了. 在做SEO优化的时候,其中有一个需要注意的地方就是尽量减少文章中br标签强制换行的使用,如果换行请尽量使用p标签,p标签严格意义上来说就是段落标签,是专门用在文章的段落中的.br标签对SEO不够友好,我想很大程度上还是搜索引擎想要写代码的人的尽量把代码写的规范,什么时候该用什么标签突出强调,什么时候该用什么标签换行,什么时候该用什么标签包裹标题等等.当然

点击<a>标签后禁止页面跳至顶部

一.点击<a>标签后禁止页面跳至顶部 1. 使用 href="javascript:void(0);",例如: <a href="javascript:void(0);"></a> 2. 将 href="#" 换成 href="###",例如: <a href="javascript:void(0);" onclick="doSave();"&g

jQuery中防止表单提交两次的方法

遇到过表单提交两次的情况,做个记录: 解决场景:首先是表单验证,其次是防止多次提交表单: jQuery中插件:validate_submitHandler_plugin,具体的可以使用关键字搜索: 使用方法:首先在前端定义form表单,然后jQuery来处理验证和提交: <form id="application-form" class="form-horizontal"> <div class="rds panel panel-prim

使用jQuery模拟鼠标点击a标签事件

来源于:https://mo2g.com/view/42/ <html> <head> <meta charset="UTF-8"> <title>磨途歌-A标签测试3</title> </head> <body> <a href="http://www.mo2g.com">磨途歌</a> </body> </html> <scr

iframe内点击a标签禁止滚动到顶部

在iframe内加载的表中,操作下的按钮用a标签布局,但是会出现一个非常不好的体验,就是当页面有滚动条的时候,点击a标签,列表会自动滚动到顶部. 首先看我的a标签: <a href="#" onclick="audit(this,'$!obj.id')">审核</a> 原因: 应该是浏览器会把 "#" 当作是一种页面跳转的口令,接到这个口令就会把页面滚动到原始位置. 解决方案: <a href="javas

移动端禁止图片长按和vivo手机点击img标签放大图片,禁止长按识别二维码或保存图片【转载】

移动端禁止图片长按和vivo手机点击img标签放大图片,禁止长按识别二维码或保存图片 img{ pointer-events: none; } 源文地址:https://www.cnblogs.com/liuqingxia/p/8716475.html

php -- PHP实现点击a标签的href做链接时，直接保存文件（任何类型），而不是通过浏览器直接打开下载的文件

之前做项目遇到这样一个问题,就是在php环境下,用a标签的href链接到一个资源,比如是mp3或者lrc文件时,点击之后不是出现保存文件的提示,而是调用本地程序打开文件或者直接在浏览器上解析.网上说可以全部做成rar格式的文件,这个一方面不方便,有些情况下也不可能完全这样做,还有实际上,做过测试会发现,在content-type:text/html的情况下,即时是rar有时也会被浏览器直接解析,无法实现下载的功能,那这个问题是不是就无解了呢?答案是否定的,几番搜索+测试,终于发现了一个可行的解决

点击a标签会提交两次数据

热门专题