好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

jquery-validation

jquery-validation 介绍

Jquery Validation 插件 为表单提供了强大的验证 功能 ,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。

Jquery Validation使用

需要JQuery版本:1.2.6+,兼容 1.3.2

<script src="js/jquery.js" type="text/JavaScript"></script>

<script src="js/jquery.validate.js" type="text/JavaScript"></script>

<form>

<input required >

</form>

<script src="jquery.js"></script>

<script src="jquery.validate.js"></script>

<script>

$("form").validate();

</script>

默 认校验规则

(1) required :true 必输字段

(2)remote:"check. PHP " 使用ajax 方法 调用 check. PHP 验证输入值

(3)email:true 必须输入正确格式的电子 邮件

(4)url:true 必须输入正确格式的网址

(5)date:true 必须输入正确格式的日期

(6)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性

(7)number:true 必须输入合法的数字(负数,小数)

(8)digits:true 必须输入整数

(9)creditcard: 必须输入合法的信用卡号

(10)equalTo:"#field" 输入值必须和#field相同

(11)accept: 输入拥有合法后缀名的字符串( 上传 文件 的后缀)

(12)maxlength:5 输入长度最多是5的字符串(汉字算 一个 字符)

(13)minlength:10 输入长度最小是10的字符串(汉字算 一个 字符)

(14)rangelength:[5,10] 输入长度必须介于 5 和 10 之 间的 字符串")(汉字算 一个 字符)

(15)range:[5,10] 输入值必须介于 5 和 10 之间

(16)max:5 输入值不能大于5

(17)min:10 输入值不能小于10

网站地址 : https://jqueryvalidation.org/

GitHub: https://github.com/jquery-validation/jquery-validation

网站描述: 一款优秀的form表单验证 插件

jquery-validation官方网站

官方网站: https://jqueryvalidation.org/

如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。

查看更多关于jquery-validation的详细内容...

  阅读:33次

上一篇

下一篇

第1节:jquery-labelauty    第2节:jQuery.fontFlex    第3节:jQuery.Marquee    第4节:Nestable    第5节:magnificent.js    第6节:vegas    第7节:gridster.js    第8节:jQuery-Knob    第9节:Parallax.js    第10节:fakeLoader.js    第11节:query-mousewheel    第12节:jquery.danmu.js    第13节:jquery.toast.js    第14节:jquery.fileDownload    第15节:enlarge.js    第16节:OrgChart    第17节:Uploadify    第18节:cPager.js    第19节:timeline.js    第20节:magnify.js    第21节:jTable    第22节:jquery.barrager.js    第23节:lightbox2    第24节:toastr.js    第25节:jQuery-Validation-Engine    第26节:lazyload.js    第27节:Fluidbox.js    第28节:jQuery.toTop    第29节:eadremaining.js    第30节:SelectPage.js    第31节:fullPage.js    第32节:jquery-migrate    第33节:jBox    第34节:hc-sticky    第35节:selectize.js    第36节:paroller.js    第37节:vide    第38节:skippr    第39节:jQuery-Autocomplete    第40节:imagesloaded    第41节:Stellar.js    第42节:Mapael    第43节:lazy-line-painter    第44节:jquery-confirm    第45节:imgLiquid    第46节:ResponsiveSlides.js    第47节:mgGlitch.js    第48节:jquery-validation    第49节:Wookmark-jQuery    第50节:FitVids.js    第51节:vex    第52节:Garlic.js    第53节:artDialog    第54节:isotope    第55节:jquery.mosaicflow    第56节:Viewer.js    第57节:At.js    第58节:animsition    第59节:jquery.mask.js    第60节:lightslider    第61节:Lettering.js    第62节:ssi-uploader    第63节:jquery.fileapi    第64节:sly.js    第65节:Galpop    第66节:OwlCarousel2    第67节:jQueryRotate.js    第68节:metismenu    第69节:jPlayer    第70节:fancyInput    第71节:FooTable    第72节:jquery-textext    第73节:jquery-mockjax    第74节:jQuery.mmenu    第75节:paper-collapse    第76节:jqPaginator.js    第77节:Trumbowyg    第78节:bxslider    第79节:jquery.transit    第80节:busy-load    第81节:jquery.color.js    第82节:jcSlider.js    第83节:onepage-scroll    第84节:ScrollMagic    第85节:jquery.zoom.js    第86节:jcarousel    第87节:icheck    第88节:datetimepicker    第89节:turn.js    第90节:OverlayScrollbars    第91节:jQuery-contextMenu    第92节:slick-lightbox.js    第93节:Filterizr    第94节:jquery-backstretch    第95节:Waterwheel-Carousel    第96节:Snabbt.js    第97节:images-grid.js    第98节:share-button    第99节:jquery.imageuploader.js    第100节:gridstack.js    第101节:multi-select.js    第102节:midnight.js    第103节:waterfall    第104节:jQuery.NumPad    第105节:Magnific-Popup    第106节:threesixty-slider    第107节:Swipebox    第108节:textillate.js    第109节:star-rating-svg    第110节:jquery-textcomplete    第111节:jmpress.js    第112节:jquery-touchswipe    第113节:jScrollPane    第114节:overhang.js    第115节:distpicker    第116节:pagePiling.js    第117节:FlexSlider    第118节:AOS.js    第119节:threesixty.js    第120节:alertify.js    第121节:s-gallery    第122节:chosen.js    第123节:formvalidation    第124节:Parsley.js    第125节:jQuery-File-Upload    第126节:colorbox    第127节:particleground    第128节:Datedropper.js    第129节:fancyBox    第130节:cxSelect    第131节:jquery.scrollTo    第132节:Waterfall.js    第133节:jquery-dropdown    第134节:jstree    第135节:daterangepicker    第136节:FitText.js    第137节:Remodal    第138节:slider.js    第139节:sidr    第140节:peity.js    第141节:jquery-steps    第142节:jquery.typeahead.js    第143节:CardTabs    第144节:DataTables    第145节:jquery.timelinr.js    第146节:jquery.gray.js    第147节:jquery.timeago.js    第148节:jquery.panzoom    第149节:Raty    第150节:jquery.pep.js    第151节:Treeview    第152节:SelectMenu.js    第153节:Inputmask    第154节:jquery.ez-plus.js    第155节:zTree    第156节:timer.jquery    第157节:Jcrop    第158节:MagicSuggest    第159节:jGravity    第160节:jquery.sticky-sidebar.js    第161节:cxCalendar    第162节:Paginathing.js    第163节:fullcalendar    第164节:roundabout    第165节:Toolbar.js    第166节:evol-colorpicker    第167节:adaptive-backgrounds.js    第168节:jQuery之家    第169节:scrollorama    第170节:Scrollify    第171节:Progression.js    第172节:Slick.js    第173节:unveil    第174节:unlock.js    第175节:nanoScroller.js    第176节:messenger    第177节:Smoothslides    第178节:Tabslet    第179节:jquery-plugin-circliful    第180节:pickadate.js    第181节:tooltipster    第182节:jQuery-menu-aim    第183节:perfect-scrollbar    第184节:multiscroll.js    第185节:grumble.js    第186节:clndr.js    第187节:iziModal    第188节:noty    第189节:Notify.js    第190节:Zoomove    第191节:chardin.js