首页 > 经验 > 关键词 > web最新资讯 > 正文

绝对干货!用于扩展Web表单的10个javascript插件

2017-08-30 14:05 · 稿源:站长发布的网站

在网站建设中,你可以使用java开发大量酷炫的特效放到你网站上,但我们知道,互联网上也有很多开源的js库和插件可供选择。如果你正在设计用户注册/登录,访客留言或活动报名等自定义表单,那么下面这些插件,可以让你的表单获得更好的用户体验。

JCF Forms

我最喜欢的一款js表单插件是 PSD2HTML 上的 JCF Forms。其名称 JCF 是 Java Custom Forms 的缩写,意思是“Java 自定义表单”。

使用这款插件,你可以自定义下拉列表、范围滑块、单选/复选按钮、上传组件等大部分Web表单控件的样式。它是完全免费的,基于JQuery编写,配置起来非常方便。

iCheck

iCheck 是一款用于美化单选框和复选框的插件,这款插件是基于 Bootstrap 开发的,调用代码非常简洁,几乎不需要太多的js知识即可使用。插件本身配有少量的预设主题,你可以直接拿来用,也可以自己设计新的主题

除了外观,此插件还支持键盘输入, 32 个自定义选项和十几个回调方法用来处理用户行为。

Parsley.js

如果你喜欢 Vanilla JS,那么你一定也会喜欢 Parsley,一种免费的基于JS的表单验证库。Parsley 是独一无二的,因为它不需要复杂的正则表达式来使其工作。它提供内置的验证器,用于所有类型的输入验证,如电话号码、电子邮件、地址或信用卡号等。

FloatLabel.js

FloatLabel 用于实现 Web 表单输入框的浮动提示,它有点类似于 H5 的 placeholder 属性(提供可描述输入字段预期值的提示信息),但不同的是,FloatLabel 插件实现的提示,当你开始在文本框中录入文字时,提示并不会消失,而是显示在文字上方,这非常人性化。

Tooltipster

在相对复杂的表单中使用 Tooltipster 做提示工具是非常不错的选择,Tooltipster 是一款免费的 JQuery 插件,可以让您在屏幕的任何位置添加提示信息。 

您可以根据实际的用户行为自定义提示特效,如悬停、点击、焦点触发等。您还可以自定义他们的样式和动画效果,并且支持 Ajax 请求回调方法。

Fort.js

你可能发现了,有些网站会在屏幕顶部显示进度条,用于提示表单填写的完成程度。这对于用户想知道还需要多久才能填写完冗长的表单是非常有帮助的。

使用 Fort.js,您只需要输入几行代码就可以在网站上实现表单填写进度条效果了。此插件也是完全免费的,也不限制表单中的字段数量。

jQuery CC Validator

在网站中,数据安全是一个永恒的主题,特别是在电子商务网站中,经常会用到让用户输入信用卡信息的功能,我相信 jQuery CC Validator 是迄今为止解决这一应用场景的最好用的插件。

它完全免费、开源,运行在 JQuery 库之上,让开发者使用起来非常方便,这是一款令人难以置信的插件。

BS3 Datepicker

BS3 Datepicker 是一款用于定制 Web 表单中日期控件的插件,基于 Bootstrap 框架编写,完全围绕 Bootstrap 的设计风格,界面简洁清晰,让人一目了然。实际上,你可以在 Bootstrap 中找到很多令人敬畏的插件。

jQuery File Uploads

不可否认,处理用户上传文件是一项非常复杂的表单任务,特别是,当您需要创建一个适用于所有设备的上传控件,还能定义特定类型的文件,且知道如何在后端处理它们的时候,工作就变得更为复杂。

这款 JQuery 文件上传插件,可以作为一个很好的解决方案应用在网站中,它为你解决了大部分上传文件时,可能遇到的问题或需要的配置。

jQuery Autotab

Matthew Miller 的 jQuery Autotab 插件,允许您为任何表单输入定义一定长度,以便在完成后自动选择下一个表单,它最适合于需要一定数量字符(如电话号码或生日)的字段

  • 相关推荐
  • 大家在看
  • 魔兽世界9.0NDui插件最新版本下载地址 NDui插件在哪下载

    魔兽世界9.0前夕已经开了,大家首要的事情就是找插件了,很多玩家都对NDui的插件爱不释手,一些新手玩家还不清楚在哪可以下载到最新版本的NDui插件,下面就来为大家分享一下。

  • Firefox for Android将很快迎来更多扩展插件

    虽然 Mozilla 很骄傲地宣布为 Firefox for Android 引入了多款扩展,并且承诺后续会带来更多内容。但从用户的反响来看,这家浏览器制造商似乎与社区之间存在着脱节。尽管每夜构建版的本次升级变动很大,但与桌面平台上最热门的 Firefox 附加组件的相对独立,还是让不少人视之为一次倒退。

  • 微软推出新的Edge扩展 API,承诺不会影响广告拦截插件

    微软最新发布了Edge浏览器扩展系统的更新。这些被称为“Manifest V3”的变化是由谷歌在 2018 年 10 月宣布的,用于Chromium开源浏览器引擎,即WebExtensions API。”

  • 苹果发布iOS 14.2新公测版:快捷操作更方便、提供全新插件

    之前之前为何要火速撤回iOS 14.1正式版,苹果到现在也没有给出答案,不过他们在今天发布了iOS 14.2的最新公测版。iOS/iPadOS 14.2最新公测版中,添加了多个Emoji 13的表情符号,其中包括带眼泪

  • 魔兽世界9.0新手用什么插件最好 大脚、网易有爱、eui及爱不易选择推荐

    魔兽世界9.0前夕已经开启,正式版的9.0已经不远,那么魔兽世界9.0中用什么插件比较好呢?主流的插件软件有大脚、网易官方出的网易有爱、eui以及爱不易,这几个插件是最多的人选择,那么选择用哪个插件最好呢?下面就来为大家分享一下各个插件的优缺点。

  • 替代Word 百度网盘Web端在线文档内测

    在互联网如此深入人心的今天,不少人仍是把稿子写在Word上面,然后用QQ传送文件的方式发送,效率低下。而在线文档可以有效解决这一问题,它拥有轻量化、简单易懂、轻松共享等特性。今天,百

  • 多方向齐发力支持IPFS发展,OKEx引领WEB3.0新时代

    10 月 13 日,OKEx产品页新增存储类项目代币展示区。首批进入OKEx存储类项目展示区的代币分别有BTT、SC、STORJ、LAMB、GNX、CVT等行业知名项目。Filecoin是一个利用区块链技术来实现的去中心化存储系统,而去中心化存储(IPFS)是一种通过分布式存储技术将文件集中分片存储在不同供应方提供的磁盘空间上的存储商业模式。也是一种将数据分散地存储于多台独立的机器设备上,通过纠删码技术实现数据的冗余存储的数据存储技术。它具有隐?

  • Chrome Web Store支付系统停用 谷歌推荐开发者尽快迁移

    Chrome Web Store 支付系统现已被谷歌放弃,并将会在未来几个月内关闭。对于目前仍使用该支付系统的开发者,谷歌已为其提供了多种替代支付方案,并推荐近期内迁移到其他支付系统中。

  • 亲测能用:微擎和Discuz一些靠谱插件应用推荐

    本人是微擎和Discuz的忠实用户,经常关注这二个平台的一些插件应用模块,有什么新奇好玩的东西,都会去尝试玩一下,在微擎和Discuz累计的消费金额有二十万左右。微擎和Discuz都同属于PHP的开源系统,其中Discuz X系列从上线至今,已经有差不多 20 年了,Discuz是PC电脑时代的产物,当时很多知名的社区都是用Discuz塔建的,而现在到了移动手机互联网时间,Discuz也与时俱进,很快Discuz X3. 5 就可以开放上线了,很多Discuz应用中心

  • WordPress插件出现漏洞,数百万网站遭探测和攻击

    根据Wordfence网络防火墙背后的公司Defiant消息,上周数以百万计的WordPress网站遭到了探测和攻击。​目前尚不清楚黑客是如何发现零日漏洞的,但从上周早些时候开始,他们开始搜索可能安装该插件的网站。

  • 阿里:停止UCWeb及其他创新业务在印度服务

    8月21日消息,在阿里巴巴2021财年Q1季度分析师电话会议上,阿里巴巴董事会主席兼首席执行官张勇表示,基于可持续发展的考虑,决定停止UCWeb及其他创新业务在印度的服务,预计不会对阿里集团的财务情况构成重大影响。针对近期美国政府对中国互联网企业的政策变化,张勇表示:“我们正密切关注美国政府对中国企业的政策变化,跟踪评估这些变化对阿里可能产生的影响,并相应采取新的合规措施。”6月29日,印度电子信息技?

  • 他在工作之余为公司产品开发了一款插件,如今月入超2万

    Pipechat是一款插件应用,主要用于连接CRM工具Pipedrive和聊天应用WhatsApp Web,帮助销售人员节省更多的时间和完成更多的交易。

  • 魔兽世界怀旧服WCL分数查看插件WCLPlayerScore下载地址

    魔兽世界怀旧服中,越来越多的玩家公会都开始用WCL,最近有个查看wcl分数的插件WCLPlayerScore,下面就来为大家分享一下下载地址。

  • 阿里巴巴:停止UCWeb及其他创新业务在印度服务

    8月20日晚间消息,阿里巴巴2021财年Q1季度分析师电话会议上,阿里巴巴董事会主席兼首席执行官张勇表示,基于可持续发展的考虑,决定停止UCWeb及其他创新业务在印度的服务,预计不会对阿里集团的财务情况构成重大影响。此外,张勇还表示,中美之间日益紧张的关系也带来了新的不确定性。针对近期美国政府对中国互联网企业的政策变化,张勇说:“我们正密切关注美国政府对中国企业的政策变化,跟踪评估这些变化对阿里可?

  • 因新媒体管家Plus浏览器插件侵权 百度要求其停止插入链接

    日前,海淀法院对“新媒体管家「Plus」”浏览器插件的运营者上海政凯信息科技有限公司(简称政凯公司)作出两起禁令,要求其立即停止利用“新媒体管家「Plus」”浏览器插件在百度网和百家号平台页面中插入链接,在用户点击后跳转至由其经营控制的新媒体管家网相关页面的行为。

  • 通付盾正式加入W3C国际联盟,携手推动 Web 技术发展

    近日,江苏通付盾科技有限公司正式加入W3C国际联盟,成为该联盟正式会员。万维网联盟(World Wide Web Consortium,简称W3C)建立于1994年,是Web领域的国际标准化组织,开发开放Web标准,确保Web的长期发展。联盟旨在通过将互联网发展成真正的信息基础设施来支持网络、图形以及用户界面信息技术进步,以及通过改进和发展此信息环境(称为“万维网”)内的标准界面促进业内合作,激发Web世界的全部潜能。W3C 由美国麻省理工学院计?

  • 科技早报 | 华为进入“战争状态”员工担心裁员 阿里巴巴停止UC Web等印度业务

    昨夜今晨,科技圈都发生了哪些故事,以下是要闻回顾:先关注华为:华为进入“战争状态” 员工担心裁员图1:华为据《金融时报》报道,美国近日宣布了针对华为的更严格制裁措施。一些分析师认为,这相当于对华为宣判了“死刑”。现在,华为员工越来越担心公司会启动裁员。华为员工称,公司现在进入了“战争状态”,美国的新限制措施可能会切断华为驱动5G电信、智能机以及其他业务所需要的半导体供

  • 海淀法院作出禁令 要求“新媒体管家”浏览器插件停止在百度网和百家号平台插入链接

    8月31日消息,据“北京海淀法院”微信号发布的消息,日前,海淀法院对“新媒体管家「Plus」”浏览器插件的运营者上海政凯信息科技有限公司(简称政凯公司)作出两起禁令,要求其立即停止利用“新媒体管家「Plus」”浏览器插件在百度网和百家号平台页面中插入链接,在用户点击后跳转至由其经营控制的新媒体管家网相关页面的行为。据悉,2020年7月,百度网和百家号平台的运营者北京百度网讯科技有限公司(简称百度公司)

  • Chrome扩展插件数次审核被拒的惨痛经历

    ​在被Chrome商店拒绝不下十次之后,我做的Chrome扩展插件终于重新上架,我觉得有必要记录一下,跟大家分享下这个心酸的历程,以免跳坑里。

  • 赶快删除 微软部分Edge插件疑是李鬼 大神分析称其有恶意代码

    微软的Edge浏览器在放弃自己的引擎,改用谷歌开源的Chromium核心之后,已经成为微软浏览器翻身之作,目前已经是第二大了,仅次于正牌Chrome。Edge浏览器优点多多,兼容Chrome的插件就是最具吸

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签