jQuery实现数秒后自动提交form的方法
本文实例讲述了jqury实现数秒后自动提交form的方法。分享给大家供大家参考。具体如下:
很多下载网站都设置了此代码,下载按钮数秒,数完后,可以点击提交
制作很简单:
1. js部分代码如下:
<script language='javascript'> <!-- $(document).ready(function(){ // #formDownload ajaxForm $('#formDownload').ajaxForm({ target:'#formDownloadWindows',success:function(){ } }); }); function jump(count,formId) { window.setTimeout(function(){ count--; if(count > 0) { $('#jumpNum').html(count); jump(count,str); } else { $(str).submit(); } }, 1000); } //--> </script>
2. HTML部分代码如下:
<form action="/action/download" method="post" id="formDownload"> Wait <span id="jumpNum"></span> seconds <input type="button" onclick="jump(30,"#formDownload");" /> </form>
希望本文所述对大家的jQuery程序设计有所帮助。
相关推荐
-
jQuery防止click双击多次提交及传递动态函数或多参数
今天是写的是关于JQ的双击事件防止多次提交的问题,并且通过函数可以批量定义,通能性更强了,通过方法动态绑定元素的事件.而且可以动态传递函数名或者多参数等(本实例只传递函数名通过Eval调用). 我们都知道在jQuery的事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click).即一个标签元素(如div等),如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件(dblclick), 执行双击事件(dblcl
-
js与jquery回车提交的方法
本文实例讲述了js与jquery回车提交的方法.分享给大家供大家参考.具体如下: 1.JavaScript 方法: <script> document.onkeydown=function(event){ e = event ? event :(window.event ? window.event : null); if(e.keyCode==13){ //执行的方法 alert('回车检测到了'); } } </script> <script> document.o
-
jquery 防止表单重复提交代码
我的解决办法如下(只针对客户端): 用户点击提交按钮后给按钮添加disabled属性 复制代码 代码如下: $("input:submit").each(function() { var srcclick = $(this).attr("onclick"); if(typeof(srcclick)=="function"){ $(this).click(function() { if (srcclick()) { setdisabled(this
-
jquery获取checkbox的值并post提交
废话不多说,直接奉上代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> </head>
-
Jquery Validation插件防止重复提交表单的解决方法
由于在项目中应用了Jquery Validation表单验证插件,所以要实现在Validation验证完毕后,提交form,然后禁止按钮.CodeProject上有一个DisableBtnPostBack项目,但不无法和Jquery Validation结合,代码先贴出来,给大家提示下,碰到这种情况不要使用该代码.代码如下: js: 代码 复制代码 代码如下: function disableBtn(btnID, newText) { Page_IsValid = null; if (typeo
-
jQuery实现防止提交按钮被双击的方法
本文实例讲述了jQuery实现防止提交按钮被双击的方法.分享给大家供大家参考.具体实现方法如下: $("#submit").one('click', function (event) { event.preventDefault(); //do something $(this).prop('disabled', true); }); 希望本文所述对大家的jQuery程序设计有所帮助.
-
jquery实现submit提交表单
使用jquery的submit()函数提交form表单时,总是无法提交表单.这个问题太诡异了,是因为form中提交表单的input的name属性为submit,把name改成其他的名称,就可以使用了. 表单可以提交之后,又出现了新的问题.由于基于dz开发,表单提交之后使用submitcheck()这个函数来检查表单是否提交,由jquery提交上来的表单始终无法验证通过.最后采用模拟点击提交按钮的方法来实现. 复制代码 代码如下: <!-- lang: js --> $('input#asubm
-
jQuery实现数秒后自动提交form的方法
本文实例讲述了jqury实现数秒后自动提交form的方法.分享给大家供大家参考.具体如下: 很多下载网站都设置了此代码,下载按钮数秒,数完后,可以点击提交 制作很简单: 1. js部分代码如下: <script language='javascript'> <!-- $(document).ready(function(){ // #formDownload ajaxForm $('#formDownload').ajaxForm({ target:'#formDownloadWindo
-
JavaScript实现页面5秒后自动跳转的方法
这个JavaScript控制页面5秒后自动跳转的代码在很多开发中经常需要用到,感兴趣的朋友可以收藏一下! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>JavaScript控制页面5秒后自动跳转的代码</title> <script type="text/j
-
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)
对于 Boxy弹出框的使用之前写过一些文章(查看jquery.boxy基础),今天主要是在解决一个需要之后,觉得值得把它记录下来,所以就再写一篇,主要功能是,在弹出对话框后,隔N秒后自动隐藏,还有就是自动跳转! 效果如图: 而所封装的代码如下: 复制代码 代码如下: // boxy对话框扩展 var Boxy_Extensions = { options: { title: '艺吧提示', closeText: 'x' }, //弹出后N秒后隐藏 alertDelayFun: function
-
JQuery实现当鼠标停留在某区域3秒后自动执行
这篇文章主要介绍了JQuery实现当鼠标停留在某区域3秒后自动执行,可以应用于很多场景 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript" src="ht
-
JavaScript实现x秒后自动跳转到一个页面
今天看视频学习时学习了一种新技术,即平时我们在一个页面点击"提交"或"确认"会自动跳转到一个页面. 在网上搜了一下,关于这个技术处理有多种方法,我只记下我在视频里学到的三种: 1.用一个response.sendRedirect("目标页面.jsp\.htm");实现直接跳转: 2.有时我们需要有点提示,比如"x秒后自动跳转,若没有跳转,请点击此处",则可以在myeclipse中调用Snippets中的Delay Go To
-
JS实现n秒后自动跳转的两种方法
本文实例为大家分享了JS实现n秒后自动跳转的两种方法,供大家参考,具体内容如下 第一种使用SetInterval: $(function () { setInterval(ChangeTime, 1000); }); function ChangeTime() { var time; time = $("#time").text(); time = parseInt(time); time--; if (time <= 0) { window.location.href = &q
-
JS/jQuery实现DIV延时几秒后消失或显示的方法
本文实例讲述了JS/jQuery实现DIV延时几秒后消失或显示的方法.分享给大家供大家参考,具体如下: 1.最常用的方法(setTimeout): <script language='javascript' type='text/javascript'> $(function () { setTimeout(function () { $("divid").show(); }, 6000); }) </script> 2.第二种方法(delay) jquery
-
在django中实现页面倒数几秒后自动跳转的例子
实现倒计时跳转要和html中的js结合起来, 例如:实现一个页面简单的注册,然后注册成功后倒计时自动跳转到登录页面. # 注册页面 def register(request): return render(request,"register.html") # 点击注册 def doregister(request): # 获得用户输入的信息,保存到数据库 username=request.GET.get("username") password=request.GE
-
关于layui表单中按钮自动提交的解决方法
layui表单中的按钮会自动提交,这是一个很麻烦的事情. 这几天项目中多次用到表单按钮,仔细研究了下,找到了解决方法: 1.如果不需要放在表单中的按钮,最好不要放在表单中,不在layui的form中的按钮就不会进行自动提交了: 2.放在表单中的按钮可以通过js中的回调函数里添加 return false制止.filter中的参数指的是按钮中的lay-filter属性中的值,这个可以自己随便设. 比如: form.on('submit(filter)',function(data){ ......
-
jquery实现根据浏览器窗口大小自动缩放图片的方法
本文实例讲述了jquery实现根据浏览器窗口大小自动缩放图片的方法.分享给大家供大家参考.具体如下: (function($){ $.fn.resizeimage = function(){ var imgLoad = function (url, callback) { var img = new Image(); img.src = url; if (img.complete) { callback(img.width, img.height); } else { img.onload =
随机推荐
- JS+html5制作简单音乐播放器
- jquery+ajax实现省市区三级联动效果简单示例
- 删除默认共享的批处理
- 脚本div实现拖放功能(两种)
- php删除字符串末尾子字符,删除开始字符,删除两端字符(实现代码)
- 对C语言中递归算法的深入解析
- 通过C#实现发送自定义的html格式邮件
- vue v-model表单控件绑定详解
- 使用shell脚本对Nginx日志进行切分的示例代码
- 跟老齐学Python之有容乃大的list(3)
- SpringBoot整合ElasticSearch的示例代码
- java使用jaxb操作xml示例
- jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍
- 详解Centos/Linux下调整分区大小(以home和根分区为例)
- C#编程实现简易图片浏览器的方法
- 新浪的图片新闻效果
- C#正则匹配RegexOptions选项的组合使用方法
- 解决Vue2.0中使用less给元素添加背景图片出现的问题
- java instanceof操作符使用及原理解析
- 汇编语言 and和or逻辑运算指令的实现