jQuery表单验证插件获取输入有误时的提示信息

代码没有,可以告诉你怎么做.

创新互联公司主营景泰网站建设的网络公司,主营网站建设方案,重庆APP开发,景泰h5微信小程序开发搭建,景泰网站营销推广欢迎景泰等地区企业咨询

你可以直接就在表单里把要提示的内容写好,然后用display先隐藏,jquery判断时,如果发现输入有误,就将要提示的内容显示就可以了.display显示时会自动加高表单的高度的.

40款经典前端特效插件---分享

1.flavr—超级漂亮的jQuery扁平弹出对话框     

2.轻量级触摸响应滑块插件JQuery lightSlider      

3.带37种3D动画特效的跨浏览器CSS3动画框架       

4.jquery整屏滚动插件Scrollify        

5.jquery旋转木马插件SLICK         

6.jquery文字动画插件LetterFX          

7.jquery文本翻转插件Wodry.js       

8.jquery通知插件toastr       

9.jQuery滚动执行动画插件FadeThis      

10.jquery表单验证插件Bootstrap Validator       

11.jCountdown倒计时插件jQuery           

12.iCheck不一样的checkbok         

13.Owl Carousel强大的响应式jQuery焦点图轮播插件   

14.magic-带64种动画效果的CSS3动画库     

15.jQuery实时搜索插件-HideSeek       

16.bootstrap modal对话框             

17.一款模拟CSS3动画的js插件-move.js              

18.可替代CSS3 transition和transform的jQuery插件          

19.基于bootstrap的jQuery多功能模态对话框插件

20.带CSS3过渡效果的js模态窗口插件        

21.支持移动触摸设备的简洁js幻灯片插件

22.jQuery轻量级响应式扁平风格tabs选项卡插件

23.jQuery轻量级响应式Tooltip插件

24.jQuery简单且功能强大的图片剪裁插件

25.带CSS3动画过渡效果的jQuery模态窗口插件

26.中国省市区地址三级联动jQuery插件

27.移动端优先且支持jQuery和Zepto的模态对话框插件

28.jQuery简单实用的tooltip插件

29.带CSS3过渡动画效果的jQuery Tabs选项卡插件

30.x0popup-纯js弹出对话框插件

31.WOW.js-元素在页面滚动时展示CSS3动画JS插件

32.Windows8样式的消息提示框jQuery插件

33.jQuery星级评分插件

34.fsBanner-实用的网站响应式Banner手风琴插件

35.draggabilly-功能强大的拖动拖拽元素插件

36.验证插件vali.js

37.响应式jQuery图片放大镜插件magnificent.js

38.可快速生成各种阴影效果的jQuery插件

39.基于jquery的非常逼真的全屏下雪效果

40.纯文本Loading加载指示器特效

有谁知道使用JQuery 验证码插件的 帮帮忙

* @example: $.idcode.setCode();

* @desc: Make a validate code append to the element that id is idcode.

将验证码附加到 id 为 idcode 的元素里去

*

* @example $.idcode.validateCode();

* @desc return true if user input value equal idcode.

如果用户输入的值等于验证码，返回true

具体的自已进行实验，还有看 jquery.idcode.js 里的内容，比较精短，还是能看懂它是怎么实现的

jquery有哪些插件？

//200多个插件如下 实际开发中 请选择合适的使用

1：文件上传类jQuery插件

Ajax File Upload.

jQUploader.

Multiple File Upload plugin.

jQuery File Style.

Styling an input type file.

Progress Bar Plugin.

2：表单验证类jQuery插件

jQuery Validation.

Auto Help.

Simple jQuery form validation.

jQuery XAV – form validations.

jQuery AlphaNumeric.

Masked Input.

TypeWatch Plugin.

Text limiter for form fields.

Ajax Username Check with jQuery.

3:表单选择框类jQuery插件

jQuery Combobox.

jQuery controlled dependent (or Cascadign) Select List.

Multiple Selects.

Select box manipulation.

Select Combo Plugin.

jQuery – LinkedSelect

Auto-populate multiple select boxes.

Choose Plugin (Select Replacement).

4:表单基本、输入框、选择框等jQuery插件

jQuery Form Plugin.

jQuery-Form.

jLook Nice Forms.

jNice.

Ping Plugin.

Toggle Form Text.

ToggleVal.

jQuery Field Plugin.

jQuery Form’n Field plugin.

jQuery Checkbox manipulation.

jTagging.

jQuery labelcheck.

Overlabel.

3 state radio buttons.

ShiftCheckbox jQuery Plugin.

Watermark Input.

jQuery Checkbox (checkboxes with imags).

jQuery SpinButton Control.

jQuery Ajax Form Builder.

jQuery Focus Fields.

jQuery Time Entry.

5:时间、日期和颜色选取类jQuery插件

jQuery UI Datepicker.

jQuery date picker plugin.

jQuery Time Picker.

Time Picker.

ClickPick.

TimePicker.

Farbtastic jQuery Color Picker Plugin.

Color Picker by intelliance.fr.

6:投票类jQuery插件

jQuery Star Rating Plugin.

jQuery Star Rater.

Content rater with asp.net, ajax and jQuery.

Half-Star Rating Plugin.

7:搜索类jQuery插件

jQuery Suggest.

jQuery Autocomplete.

jQuery Autocomplete Mod.

jQuery Autocomplete by AjaxDaddy.

jQuery Autocomplete Plugin with HTML formatting.

jQuery Autocompleter.

AutoCompleter (Tutorial with PHPMySQL).

quick Search jQuery Plugin.

8:jQuery编辑器插件

jTagEditor.

WYMeditor.

jQuery jFrame.

Jeditable – edit in place plugin for jQuery.

jQuery editable.

jQuery Disable Text Select Plugin.

Edit in Place with Ajax using jQuery.

jQuery Plugin – Another In-Place Editor.

TableEditor.

tEditable – in place table editing for jQuery.

9:多媒体、视频、Flash等类jQuery插件

jMedia – accessible multi-media embedding.

JBEdit – Ajax online Video Editor.

jQuery MP3 Plugin.

jQuery Media Plugin.

jQuery Flash Plugin.

Embed QuickTime.

SVG Integration.

图片类jQuery插件

ThickBox.

jQuery lightBox plugin.

jQuery Image Strip.

jQuery slideViewer.

jQuery jqGalScroll 2.0.

jQuery – jqGalViewII.

jQuery – jqGalViewIII.

jQuery Photo Slider.

jQuery Thumbs – easily create thumbnails.

jQuery jQIR Image Replacement.

jCarousel Lite.

jQPanView.

jCarousel.

Interface Imagebox.

Image Gallery using jQuery, Interface  Reflactions.

simple jQuery Gallery.

jQuery Gallery Module.

EO Gallery.

jQuery ScrollShow.

jQuery Cycle Plugin.

jQuery Flickr.

jQuery Lazy Load Images Plugin.

Zoomi – Zoomable Thumbnails.

jQuery Crop – crop any image on the fly.

Image Reflection.

10:Google地图类jQuery插件应用

jQuery Plugin googlemaps.

jMaps jQuery Maps Framework.

jQmaps.

jQuery  Google Maps.

jQuery Maps Interface forr Google and Yahoo maps.

jQuery J Maps – by Tane Piper.

11:游戏类jQuery插件

Tetris with jQuery.

jQuery Chess.

Mad Libs Word Game.

jQuery Puzzle.

jQuery Solar System (not a game but awesome jQuery Stuff).

12:表格,网格类jQuery插件

UI/Tablesorter.

jQuery ingrid.

jQuery Grid Plugin.

Table Filter – awesome!.

TableEditor.

jQuery Tree Tables.

Expandable “Detail” Table Rows.

Sortable Table ColdFusion Costum Tag with jQuery UI.

jQuery Bubble.

TableSorter.

Scrollable HTML Table.

jQuery column Manager Plugin.

jQuery tableHover Plugin.

jQuery columnHover Plugin.

jQuery Grid.

TableSorter plugin for jQuery.

tEditable – in place table editing for jQuery.

jQuery charToTable Plugin.

jQuery Grid Column Sizing.

jQuery Grid Row Sizing.

13:统计类jQuery插件

jQuery Wizard Plugin .

jQuery Chart Plugin.

Bar Chart.

14:边框、圆角、背景类jQuery插件

jQuery Corner.

jQuery Curvy Corner.

Nifty jQuery Corner.

Transparent Corners.

jQuery Corner Gallery.

Gradient Plugin.

14:文字和超链接类jQuery插件

jQuery Spoiler plugin.

Text Highlighting.

Disable Text Select Plugin.

jQuery Newsticker.

Auto line-height Plugin.

Textgrad – a text gradient plugin.

LinkLook – a link thumbnail preview.

pager jQuery Plugin.

shortKeys jQuery Plugin.

jQuery Biggerlink.

jQuery Ajax Link Checker.

15:文本提示类jQuery插件

jQuery Plugin – Tooltip.

jTip – The jQuery Tool Tip.

clueTip.

BetterTip.

Flash Tooltips using jQuery.

ToolTip.

16:菜单和导航类jQuery插件

jQuery Tabs Plugin – awesome! . [demo nested tabs.]

another jQuery nested Tab Set example (based on jQuery Tabs Plugin).

jQuery idTabs.

jdMenu – Hierarchical Menu Plugin for jQuery.

jQuery SuckerFish Style.

jQuery Plugin Treeview.

treeView Basic.

FastFind Menu.

Sliding Menu.

Lava Lamp jQuery Menu.

jQuery iconDock.

jVariations Control Panel.

ContextMenu plugin.

clickMenu.

CSS Dock Menu.

jQuery Pop-up Menu Tutorial.

Sliding Menu.

17:幻灯片、手风琴特效类jQuery插件

jQuery Plugin Accordion.

jQuery Accordion Plugin Horizontal Way.

haccordion – a simple horizontal accordion plugin for jQuery.

Horizontal Accordion by portalzine.de.

HoverAccordion.

Accordion Example from fmarcia.info.

jQuery Accordion Example.

jQuery Demo – Expandable Sidebar Menu.

Sliding Panels for jQuery.

jQuery ToggleElements.

Coda Slider.

jCarousel.

Accesible News Slider Plugin.

Showing and Hiding code Examples.

jQuery Easing Plugin.

jQuery Portlets.

AutoScroll.

Innerfade.

18:拖放类jQuery插件

UI/Draggables.

EasyDrag jQuery Plugin.

jQuery Portlets.

jqDnR – drag, drop resize.

Drag Demos.

19:XML XSL JSON Feeds相关jQuery插件

XSLT Plugin.

jQuery Ajax call and result XML parsing.

xmlObjectifier – Converts XML DOM to JSON.

jQuery XSL Transform.

jQuery Taconite – multiple Dom updates.

RSS/ATOM Feed Parser Plugin.

jQuery Google Feed Plugin.

20:浏览器

Wresize – IE Resize event Fix Plugin.

jQuery ifixpng.

jQuery pngFix.

Link Scrubber – removes the dotted line onfocus from links.

jQuery Perciformes – the entire suckerfish familly under one roof.

Background Iframe.

QinIE – for proper display of Q tags in IE.

jQuery Accessibility Plugin.

jQuery MouseWheel Plugin.

21:警告, 提示, 确认等对话框

jQuery Impromptu.

jQuery Confirm Plugin.

jqModal.

SimpleModal.

CSS

jQuery Style Switcher.

JSS – Javascript StyleSheets.

jQuery Rule – creation/manipulation of CSS Rules.

jPrintArea.

22:DOM、AJAX和其它JQuery插件

FlyDOM.

jQuery Dimenion Plugin.

jQuery Loggin.

Metadata – extract metadata from classes, attributes, elements.

Super-tiny Client-Side Include Javascript jQuery Plugin.

Undo Made Easy with Ajax.

JHeartbeat – periodically poll the server.

Lazy Load Plugin.

Live Query.

jQuery Timers.

jQuery Share it – display social bookmarking icons.

jQuery serverCookieJar.

jQuery autoSave.

jQuery Puffer.

jQuery iFrame Plugin.

Cookie Plugin for jQuery.

jQuery Spy – awesome plugin.

Effect Delay Trick.

jQuick – a quick tag creator for jQuery..

jQuery插件form-validation-engine正则表达式操作示例

本文实例讲述了jQuery插件form-validation-engine正则表达式操作。分享给大家供大家参考，具体如下：

form-validation-engine是一个不错的表单验证插件，示例如下：

(function($)

{

$.fn.validationEngineLanguage

=

function()

{};

$.validationEngineLanguage

=

{

newLang:

function()

{

$.validationEngineLanguage.allRules

=

{"required":{

//

Add

your

regex

rules

here,

you

can

take

telephone

as

an

example

"regex":"none",

"alertText":"*

必选字段",

"alertTextCheckboxMultiple":"*

请选择选项",

"alertTextCheckboxe":"*

需要这个复选框"},

"length":{

"regex":"none",

"alertText":"*在

",

"alertText2":"

和

",

"alertText3":

"

之间"},

"maxCheckbox":{

"regex":"none",

"alertText":"*

检查允许超过"},

"minCheckbox":{

"regex":"none",

"alertText":"*

请选择

",

"alertText2":"

选项"},

"confirm":{

"regex":"none",

"alertText":"*

你的字段不匹配"},

"telephone":{

"regex":"/^[0-9\-\(\)\

]+$/",

"alertText":"*

无效的号码"},

"email":{

"regex":"/^[a-zA-Z0-9_\.\-]+\@([a-zA-Z0-9\-]+\.)+[a-zA-Z0-9]{2,4}$/",

"alertText":"*

无效的邮箱"},

"date":{

"regex":"/^[0-9]{4}\-\[0-9]{1,2}\-\[0-9]{1,2}$/",

"alertText":"*

无效的日期，必须是YYYY-MM-DD的格式"},

"onlyNumber":{

"regex":"/^[0-9\

]+$/",

"alertText":"*

只允许输入数字"},

"noSpecialCaracters":{

"regex":"/^[0-9a-zA-Z]+$/",

"alertText":"*

有非法字符"},

"ajaxUser":{

"file":"validateUser.php",

"extraData":"name=eric",

"alertTextOk":"*

这个用户是合法的",

"alertTextLoad":"*

加载中，请等待",

"alertText":"*

这个用户已经存在"},

"ajaxName":{

"file":"validateUser.php",

"alertText":"*

这个名字已经被使用",

"alertTextOk":"*

这个名字是可以的",

"alertTextLoad":"*

加载中，请等待"},

"onlyLetter":{

"regex":"/^[a-zA-Z\

\']+$/",

"alertText":"*

只允许输入字母"},

"validate2fields":{

"nname":"validate2fields",

"alertText":"*

你必须有姓和名"}

}

}

}

})(jQuery);

$(document).ready(function()

{

$.validationEngineLanguage.newLang()

});

这里面有不少正则表达式，很有意思。

很有意思的form表单验证。

PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：

JavaScript正则表达式在线测试工具：

正则表达式在线生成工具：

更多关于jQuery相关内容可查看本站专题：《jQuery正则表达式用法总结》、《jQuery字符串操作技巧总结》、《jQuery操作xml技巧总结》、《jQuery扩展技巧总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

怎么使用jquery验证表单

这里提供两个牛B的常用的jQuery表单验证插件：

1、实例讲解表单验证插件Validation的应用

2、Validetta : 轻量级的表单验证工具