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

更新:2017-10-25    编辑:芷雁    来源:原创投稿    人气:加载中...    字号:|

标签:JavaScript  扩展  10个  表单  干货  绝对  百度搜索

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

JCF Forms

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

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

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

iCheck

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

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

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

Parsley.js

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

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

FloatLabel.js

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

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

Tooltipster

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

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

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

Fort.js

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

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

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

jQuery CC Validator

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

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

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

BS3 Datepicker

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

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

jQuery File Uploads

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

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

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

jQuery Autotab

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

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

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)

站点导航

您可能在找这些