英文原文:50 jQuery Plugins for Form Functionality, Validation, Security and Customisation

  说实话,填写表单总是件很痛苦的事。那么对于开发者而言呢?可以创建一份表单说他们而言是件更为痛苦的事。没有人真正会喜欢他们,对于开发者而 言,当涉及到表单开发时最困难的挑战并非仅仅在于创建一份简单且快速为用户所接受使用,但也必须是尽可能地方便且使用。这的确是相当的不容易啊。

  本篇文章中,我们已经收集了50个JQuery插件以帮助您建立强大的表单。今后如果您碰到任何关于表单的解决方案,想必您会从这里找到您JQuery方案。

  表单功能插件

  Elastic – Make your textareas grow

  这个jQuery插件让你textareas表单域增长和缩小,以适应它的内容。它的灵感来自于Facebook 的 textareas 域。
  Elastic – Make your textareas grow »

  jQuery “Highlight” Plugin

  高亮区可以提高表单的可用性,突出页面上的交互元素。其主要是在表单中使用,但它也可用于表格,列表,或任何您指定的元素。
  jQuery “Highlight” Plugin »

  Autotab: jQuery Auto-Tabbing and Filtering

  Autotab是一个jQuery插件,它提供的自动切换和过滤表单域中的文本域。一旦输入的字符串达到了已定义的文本长度,它会自动切换到自动设置的目标元素。
  Autotab: jQuery Auto-Tabbing and Filtering »

  Ajax Fancy Captcha

  Ajax Fancy Captcha通过新页面帮助您保护页面远离机器人及垃圾邮件发送者的攻击,仅仅是通过很“人性化的验证”实现。这是通过将指定项拖拽到一个圆圈中实现的。
  Ajax Fancy Captcha »  

  jQuery NobleCount

  NobleCount可以动态地将textarea域中剩余字符的数目显示在本文中,Twitter风格。
  jQuery NobleCount »

  Password Strength Indicator and Generator

  Password Strength Indicator and Generator 插件允许您设置元素的类,这样您就可以图形化显示密码的强度。
  Password Strength Indicator and Generator »

  FormToWizard Plugin

  FormToWizard 插件允许您以“依次向左”的步骤实现表单信息提交。
  FormToWizard Plugin »

  Sliding Labels – jQuery Form Plugin

  Sliding Labels – jQuery Form Plugin »

  ToggleVal

  ToggleVal会让您选择以不同的方式来填充表单文本字段(某些不同的方式),当接收和失去焦点的时候会自动切换至默认值。
  ToggleVal »

  jQuery AlphaNumeric

  jQuery AlphaNumeric is a javascript control plugin that allows you to limit what characters a user can enter on textboxes or textareas.
  jQuery AlphaNumeric »

  Form Encyription and Password Security

  jCryption

  jCryption is a JavaScript HTML-Form encryption plugin, which encrypts the POST/GET data submitted by forms.
   Normally, when you submit a form, data will be sent in plain text if noSSL is used. But SSL is not supported by every webhost nor it’s easy toinstall/apply at times. So in this situation the jCryption plugin helps you to encrypt your data with ease.
  jCryption »

  Password Validation Plugin

  This pluginoffers a function that rates passwords for factors like mixedupper/lower case, mix of characters (digits, special characters),length and similarity to a username (optional) and gives a custommethod for the validation plugin that uses the rating function to display a password strength meter, requiring the field to have a “good” rating.
  Password Validation Plugin »

  Password Strength – Estimates brute force time

  Password Strengthtries to calculate how many possibilities the hacker needs to try toguess your password. It makes the assumption that it is possible totest 2800 million passwords per second.
  Password Strength »

  Password Strength Meter v2

  The Password Strength Meter works by presenting a global variable score and at the end of the algorithm the plugin will decide the passwords strength according to the score value.
  Password Strength Meter v2 »

  Form Mask Plugin

  Masked Input Plugin

  The Masked Input Pluginallows a user to easily enter fixed width input fields where you wouldlike them to enter the data in a certain format (dates,phone numbers,etc).
  Masked Input Plugin »

  autoNumeric()

  autoNumeric()is a flexible International numeric formatter, that will automaticallyplace a thousand separator as you type and supports nine differentrounding methods.
  autoNumeric() »

  Form Upload Plugins

  AJAX Upload

  AJAX Uploadallows you to easily upload multiple files without refreshing the pageand can use any element to show the file selection window.
  AJAX Upload »

  jqUploader: jQuery Plugin for File Upload and Progressbar

  jqUploader is a pluginthat substitutes the html file input fields with a flash-based fileupload widget, allowing you to display a progressbar and percentage.
  jqUploader »

  Uploadify

  Uploadify is a pluginthat allows the easy integration of a multiple (or single) file uploadson your website. It requires Flash and any backend developmentlanguage. An array of options allow for full customization for advancedusers, but basic implementation is so easy that even coding novices cando it.
  Uploadify »

  jQuery Uploadprogress Plugin

  This pluginwill augment a standard file upload form with a transparent backgroundupload and add a progress meter that will keep you graphically informed.
  jQuery Uploadprogress »

  Form Skinning and Customisation

  jQuery Checkbox

  The jQuery Checkbox plugin is a lightweight custom styled checkbox implementation that can also work with radio buttons.
  jQuery Checkbox »

  Jqtransform – jQuery form plugin

  This plugin is a jQuery styling plugin which allows you to skin form elements with relative ease.
  Jqtransform »

  In-Field Labels jQuery Plugin

  This is a simple pluginthat turns properly formatted HTML forms into forms with in-field labelsupport. Labels fade when the field is focussed and disappear when textentry begins. Clearing a field and leaving brings back the label.
  In-Field Labels jQuery Plugin »

  Niceforms

  Niceformsis a script that will replace the most commonly used form elements withcustom designed ones. You can either use the default theme that isprovided or you can even develop your own look with minimal effort.
  Niceforms »

  jNice

  jNicemakes it easy to style rough and simple html forms into beautiful webforms, checkboxes, input elements and selectboxes by creating customlooking form elements, that function just like normal form elements.
  jNice »

  Uniform – Sexy forms with jQuery

  Uniformmasks your standard form controls with custom themed controls. It worksin sync with your real form elements to ensure accessibility andcompatibility.
  Uniform »

  prettyCheckboxes

  prettyCheckboxesis for developers who wants to maintain a consistent style forcheckboxes across all browsers. By using this script you wont loose anyregular input usability.
  prettyCheckboxes »

  Form Select and Combo Boxes

  jquery.combobox

  jquery.combobox is an unobtrusive way of creating a HTML type combobox from a existing HTML Select element(s).
  jquery.combobox »

  JavaScript Image Combobox

  The fully skinnable Image Combobox plugin allows you to add an icon with each option that works with your existing “select” element.
  JavaScript Image Combobox »

  SelectBox Plug-in

  SelectBox Plug-in »

  Two Sided Multi Selector

  This pluginconverts a multi select list into a two-sided multi-select list. Thismeans you display a list of options in the left hand box and items youselect are moved into the right hand box.
  Two Sided Multi Selector »

  flexselect

  flexselecttakes the select box, and creates a hidden input element to track theassociated value and creates a text input for the selection. It usesthe LiquidMetal scoring algorithm to narrow the selection.
  flexselect »

  Form Time and Date Pickers

  jQuery.timepickr.js

  jQuery.timepickr.js has been developed in a attempt to make the process of inputing time in a form as easy and natural as possible.
  jQuery.timepickr.js »

  DatePicker

  DatePicker is a feature rich and easy to customize plugin that allows for single, multiple or range selection dates.
  DatePicker »

  jQuery datePicker

  This is a clean, flexible and unobtrusive plugin for jQuery which allows you to easily add date inputing functionality to your web forms and pages.
  jQuery datePicker »

  jQuery Week Calendar

  The jQuery Week Calendar pluginprovides a simple and flexible way of including a weekly calendar inyour application and has been inspired by other online weekly calendarssuch as Google calendar.
  jQuery Week Calendar »

  Form Auto-Suggest

  AutoSuggest

  AutoSuggest is a lightweight jQuery pluginthat will will dynamically create all the HTML elements that is neededfor turning any regular text input box into an auto-complete box.
  AutoSuggest »

  Autocomplete

  By giving an autocompleted field focus or entering something into it, the pluginstarts searching for matching entries and displays a list of values tochoose from. By entering more characters, the user can filter down thelist to better matches.
  Autocomplete »

  Ajax Autocomplete

  Ajax Autocompleteallows you to easily create autocomplete/autosuggest boxes for textinput fields with every query result being cached and pulled from localcache for the same repeating query. If there are no results for aparticular query it stops sending requests to the server for otherqueries with the same root.
  Ajax Autocomplete »

  FaceBook Like – jQuery and autosuggest Search Engine

  FaceBook Like is a powerful jQuery pluginthat transform an input field into a real time autocompletion searchengine, designed, as the name suggests, similiar to the one on Facebook.
  FaceBook LikePlugin »

  Form Validation Plugins

  A jQuery inline form validation, because validation is a mess

  Whenan error needs to be displayed, this script creates a div and positionsit in the top right corner of the input. This way you don’t have toworry about your HTML form structure. The rounded corners and shadowsare pure CSS3 and degrade well in non compliant browsers.

  Validation

  The Validation plugin is one of the oldest jQuery plugins (started in July 2006) available that has proved itself due to reliabilty, ease of use and extensive docs.
  Validation »

  Highly Customizable Yet Simple Form Validation

  With this highly customizable pluginthe user can set his own class to define the rule, set events onErrorand OnValid for a particular class and you can also add their owneffects, may be jquery animate().
  Highly Customizable Form Validation »

  LiveValidation – Validation as you type

  LiveValidationis a small open source javascript library for making client-sidevalidation quick, easy, and powerful. It comprises of two main parts.Firstly, it provides developers with a rich set of core validationmethods, which can also be used outside the context of forms. Secondly,it provides your visitors with real-time validation information as theyfill out forms, helping them to get it right first time.
  LiveValidation »

  Ketchup Plugin

  Ketchup Plugin is a slim jQuery Plugin that validates your forms. It aims to be very flexible and extendable for its appearance and functionality.
  Ketchup Plugin »

  jTip – The Jquery Tool Tip

  jTippulls content into a tool tip using the HttpXMLRequest object. Byadding a class attribute value of “jTip” to a link element you cancreate a tooltip from the content found in the file the href ispointing too.
  jTip »

  jQuery Live Form Validation

  This plugin helps you to easily create form validations with high flexibility and is a packaged with a huge set of options.
  jQuery Live Form Validation »

  Valid8 – An input field validation plugin

  Valid8solves both simple and complex validation scenarios. Everything from abasic required field to regular expressions, ajax requests andarbitrary javascript functions.
  Valid8 – An input field validation plugin »

  jVal – jQuery Form Field Validation Plugin

  jVal is a jQuery form field validation plugin that provides an appealing animated message flyout that doesn’t impede form layout/design while being user-friendly.
  jVal »

  The Original jQuery Plugin

  jQuery Form Plugin

  And if all of the rest of the plugins on this page can’t help, you can always rely on the original jQuery form plugin: jQuery Form Plugin »

50个表单功能,验证,安全和自定义化的jQuery插件相关推荐

  1. layui表单验证 内置自定义规则 - 使用说明

    关于 layui表单的验证规则.调用.自定义规则的使用经验总结: 除了 layui 本身配套的一个验证体系,还支持开发者自定义验证规则(如上表中的[自定义密码验证(代码参考下文)]),并直接嵌入到页面 ...

  2. ant-design-vue 表单验证和 validator 自定义表单验证

    在 ant-design-vue 中,提供 FormModel 表单组件,且支持 v-model 数据绑定,同时可以校验和提交功能的表单. 一.表单验证 <a-form-modelref=&qu ...

  3. php form validator 下单,PHP Form表单验证:PHP form validator使_php

    在php网站开发建设中,用户注册.留言是必不可少的功能,用户提交的信息数据都是通过Form表单提交,为了保证数据的完整性.安全性,PHP Form表单验证是过滤数据的首要环节,PHP对表单提交数据的验 ...

  4. html中表单的校验的插件,功能强大的jquery.validate表单验证插件

    本文实例为大家分享了jquery.validate表单验证的使用方法,供大家参考,具体内容如下 1 .表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助 ...

  5. 微信小程序开发之表单验证(WxValidate使用)

    微信小程序的开发框架个人感觉大体上跟VUE是差不多的,但是他的表单组件没有自带的验证功能,因此开发小程序的表单验证时候一般有两种方法,一是自己裸写验证规则,但是需要比较扎实的正则表达式基础,一种是利用 ...

  6. Vue 表单验证插件的写作过程

    前段时间,老大搭好了Vue的开发环境,于是我们愉快地从JQ来到了Vue.这中间做的时候,在表单验证上做的不开心,看到vue的插件章节,感觉自己也能写一个,因此就自己开始写了一个表单验证插件va.js. ...

  7. Validform表单验证框架详解

    Validform是另外一种表单验证框架,也是基于jQuery框架,用法比较灵活. 这里使用该框架的版本号为: Validform_v5.3.2 官网:http://validform.rjboy.c ...

  8. table中加表单元素每行怎么验证_Validform 一行代码搞定整站的表单验证 - 文章

    Validform 一行代码搞定整站的表单验证,为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符 ...

  9. AngularJS自定义表单验证

    Angular实现了大部分常用的HTML5的表单控件的类型(text, number, url, email, date, radio, checkbox),也实现了很多指令做为验证(required ...

  10. jQuery Validate 表单验证插件----自定义校验结果样式

    一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二.引入依赖包 <script src="../../scripts/j ...

最新文章

  1. 总结|ORB_SLAM2源码中字典使用细节
  2. Bash shell中的位置参数$#,$*,$@,$0,$1,$2...及特殊参数$?,$-等的含义
  3. 编程入门python语言是多大孩子学的-如何看待将Python作为少儿编程的基础语言?...
  4. 潘天佑博士2014微软学生夏令营演讲:如何培养领导力
  5. linux中menu命令,menucofig 详解
  6. OpenGL simpletexture简单的纹理的实例
  7. lua实现多继承-方式2
  8. WinForm窗体拖动代码
  9. BugkuCTF-WEB题本地管理员
  10. ffmpeg转MP4 moov头在前命令
  11. 毁前的圆明园竟然这么美
  12. python在input输入数字为何是str_Python基础笔记:input()输入与数据类型转换
  13. android 注册静态广播接收器VS注册动态广播接收器
  14. 自动驾驶的Pipline -- 如何打造自动驾驶的数据闭环?(上)
  15. jmeter 前置处理器
  16. DevExpress中的自定义报表控件使用
  17. 使用robo3t操作mongodb以及文档的插入、更新、删除以及查询操作
  18. MYSQL UPDATE使用子查询
  19. 海阔凭鱼跃:记一场工业场景下的AI技术实践
  20. 14期-连肝7个晚上,总结了计算机网络的知识点!(共66条)

热门文章

  1. C++实现简单五子棋游戏
  2. Python TODO说明
  3. deepin-wine下微信升级到最新版方法
  4. 用友NC 用户名登录设置步骤
  5. 独立站SaaS建站模式是什么
  6. 回眸2020,展望2021
  7. linux openerp,Linux+OpenERP/ODOO 安装笔记求推荐。
  8. 记录一次电脑中病毒后的排查过程
  9. Java反射机制详解上篇
  10. 一步一步教你写股票走势图——分时图五(自定义标记)