文档章节

delaycall.js 修改表单延迟自动提交的 jQuery / Zepto 插件

yzChen233
 yzChen233
发布于 2016/09/20 14:08
字数 298
阅读 1.3K
收藏 12

delaycall.js

delaycall 是一个 jQuery / Zepto 插件,用于在用户完成某项操作后,延迟指定秒数后自动调动指定函数。如用户输入完内容后,延迟1秒,自动提交表单。

GitHub Repository

https://github.com/yzchen0o0/delaycall

git@OSC Repository

http://git.oschina.net/cyzshenzhen/delaycall

Demo

点击查看在线演示地址

Quick Start Guide

include

<script src="./jquery-1.11.3.js"></script>
<script src="./delaycall.js"></script>

JavaScript

function foo() {
    alert('保存成功!');
}

$(function() {
    $('input').delaycall({
    'func': foo,               // 必填,函数名称
    'times': 1000,             // 选填,延迟时间,单位:毫秒
    'beforeCallClear': true,   // 选填,未执行func前,绑定事件被触发,是否清理之前定义的定时器
    'event': 'blur',           // 选填,触发事件,默认是离开焦点时触发,依据jquery/zepto语法,如 keydown ...
    'justNormalKeyCode': true  // 选填,event -> keydown 时,是否只支持普通按键:英文、数字
    });
});

Html

文本框1:<input id="s1"/>&nbsp;&nbsp;文本框2:<input id="s2"/>

My Blog

blog.guijianpan.com

技术交流

© 著作权归作者所有

yzChen233

yzChen233

粉丝 59
博文 13
码字总数 13943
作品 1
长沙
部门经理
私信 提问
加载中

评论(7)

红薯
红薯

引用来自“红薯”的评论

软件很棒,托管到码云上把,我们会予以推荐,效果会很好

引用来自“倚楼听风雨_”的评论

好,一会儿就托管上去,一直都在用git@osc,只是想用下github page,尝尝鲜😄
码云也有 pages 服务哦:)
yzChen233
yzChen233 博主

引用来自“--你猜”的评论

一直想找这么一个插件,像这种不提供保存按钮,修改表单内容, 自动提交保存的情况,都是自己写事件代码调用的, 重用性太差,这个插件看起来不错。
谢谢支持😁
yzChen233
yzChen233 博主

引用来自“60love35”的评论

得到
😊
--你猜
--你猜
一直想找这么一个插件,像这种不提供保存按钮,修改表单内容, 自动提交保存的情况,都是自己写事件代码调用的, 重用性太差,这个插件看起来不错。
6
60love35
得到
yzChen233
yzChen233 博主

引用来自“红薯”的评论

软件很棒,托管到码云上把,我们会予以推荐,效果会很好
好,一会儿就托管上去,一直都在用git@osc,只是想用下github page,尝尝鲜😄
红薯
红薯
软件很棒,托管到码云上把,我们会予以推荐,效果会很好
yzChen/delaycall

delaycall.js delaycall.js 是一个 jQuery / Zepto 插件,用于在用户完成某项操作后,延迟指定秒数后自动调动指定函数。如用户输入完内容后,延迟1秒,自动提交表单。 delaycall.js is a jQ...

yzChen
2016/09/20
0
0
20个jQuery插件,帮你打造完美网页表单

网页表单主要是用来从用户那里收集一些必要的信息,是网页设计中不可或缺的一环。一个设计良好的表单能更有效的获取用户信息,也会给用户带来更好地使用体 验。基于这一点,很多设计师开始使...

鉴客
2012/03/31
5K
13
你不需要 jQuery,但你需要一个 DOM 库

写这篇文章的目的,一方面是介绍一下自己编写的模块化 DOM 库 domq.js,另一方面是希望大家对 jQuery 有一个正确的认识,即使 jQuery 已经逐渐退出历史舞台,但是它的 API 将会以另外一种形式...

叙帝利
2019/03/27
0
0
jQuery.form 提交表单的一个问题

我一般这样来用 jQuery 的表单插件,它会自动将表单中所有的域对应的值组合成参数并提交,同时也支持文件上传。 但是!Submit 按钮的值却没有被提交,假设表单中有一个 那么读取 Fuck 参数始...

红薯
2009/09/23
3.7K
2
10 个基于jQuery的表单增强脚本和插件

以下10个基于jQuery的脚本和插件可以有效地提高表单的可访问性和功能性,本文中的一些源码和演示也许能帮助你优化当前的表单,使访问者获得良好的用户体验。 1. Form Hints 1.0 使用这个插件...

小编辑
2011/12/16
1.5K
0

没有更多内容

加载失败,请刷新页面

加载更多

java学习记录---强引用、软引用、弱引用、虚引用

1.强引用( StrongReference ) 当内存空间不足,Java虚拟机宁愿抛出OutOfMemoryError错误,使程序异常终止,也不会靠随意回收具有强引用的对象来解决内存不足的问题(无论何时都不会回收) pu...

爸爸受不了
15分钟前
34
0
手把手教你实现一个商品期货计划委托工具

在做商品期货交易时,并非都是全自动的交易策略,有很多半自动的程序化交易工具代替人工盯盘。这类工具虽然算不上完整的策略,但是也是基于使用者的交易意图,有条理的进行交易,也算是一种最...

发明者量化
19分钟前
29
0
Apache Maven 使用POM定义项目结构

官方文档:https://maven.apache.org/guides/introduction/introduction-to-the-pom.html POM简介 一个项目对象模型或POM是Maven中的基本工作单元。它是一个XML文件,包含Maven用于构建项目的...

哼_哼
20分钟前
49
0
低代码开发平台——jabdp简介(一)

jabdp是一款基于引擎模式的web快速开发平台,采用新颖的在线开发部署模式,配置式,低代码,使开发变得更加简单、纯粹,提高了开发的效率。 什么是JABDP? jabdp 全名是JAVA敏捷业务开发平台(...

jabdp
21分钟前
38
0
Docker run tomcat,挂载目录没权限

Docker run tomcat后,出现没权限的问题: java.io.FileNotFoundException: /usr/local/tomcat/logs/host-manager.log (Permission denied) 访问目录ls或ll,均出现: cannot open directory......

xiaoxin
28分钟前
35
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部