jQuery validationEngine校验表单格式


关键词

jQuery validationEngine

摘要

本文介绍使用jQuery validationEngine这个jQuery扩展组件来做表单验证。
jQuery validationEngine校验表单格式

1、教程地址

http://code.ciaoca.com/jquery/validation_engine/

2、文件说明

jquery validate engine一共包含三个文件:
jquery.validationEngine.js,主文件,必须包含到页面中
jquery.validationEngine-zh_CN.js,中文语言包,为我们提供中文的错误提示
validationEngine.jquery.css,样式文件,所有的提示的样式都写在这个css文件中。

另外还一个文件:
validationEngine.jquery-blue.css,这个是我们自己修改的一个蓝色的提示样式文件。默认的样式文件的提示是红色的。

3、文件包含

<link href="js/validationEngine/validationEngine.jquery-blue.css" rel="stylesheet" type="text/css" />
<script src="js/jquery/jquery.min.js" charset="utf-8"></script>
<script src="js/validationEngine/jquery.validationEngine.js" charset="utf-8"></script>
<script src="js/validationEngine/jquery.validationEngine-zh_CN.js" charset="utf-8"></script>

一定要包含一个jquery,不然这个组件没法儿用。当时,如果其它地方包含了jQuery,这里就要再重复包含了

包含如下地址:
<link href="//cdn.bootcss.com/jQuery-Validation-Engine/2.6.4/validationEngine.jquery.min.css" rel="stylesheet">
<script src="//cdn.bootcss.com/jQuery-Validation-Engine/2.6.4/jquery-1.8.2.min.js"></script>
<script src="//cdn.bootcss.com/jQuery-Validation-Engine/2.6.4/languages/jquery.validationEngine-zh_CN.min.js"></script>
<script src="//cdn.bootcss.com/jQuery-Validation-Engine/2.6.4/jquery.validationEngine.min.js"></script>

4、表单调用说明

1)表单<form>标签中加一个onsubmit事件    
onsubmit="return jQuery(this).validationEngine('validate');"

2)表单控件中加入校验的class
<input type="text" name="email" class="validate[required,custom[email]]">
上面要求邮箱必填,且必须是email格式

做了上面的操作,插件就会自动的提交表单时进行校验操作了,非常方便。

 

文章的版权

洪哥写文章很苦逼,如果本文对您略有帮助,点击感兴趣的广告支持洪哥!万分感谢!本文属于“洪哥笔记”原创文章,转载请注明来源地址:jQuery validationEngine校验表单格式:http://www.splaybow.com/post/jquery-validation-engine-105326210520169599.html

关注与收藏

如果您在服务器运维、网络管理、网站或系统开发过程中有任何疑问,洪哥以此为饭碗,请加QQ:115085382!
了解更多好文章,请关注我们的新浪微博和腾讯微博
亲,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D


« jQuery操作select控件的用法总结 微信二维码鼠标放上去变大的前端代码 »

相关文章:

用户体验!UI设计的30条黄金准则  (2016/12/14 7:56:23)

HTML5(H5)表单验证  (2016/12/9 7:32:10)

百度提供了Bootstrap Glyphicons的CDN  (2016/7/12 18:05:41)

Windows7、Windows8、Windows10默认带的IE版本  (2016/6/5 7:18:19)

微信二维码鼠标放上去变大的前端代码  (2016/9/11 7:25:43)

jQuery validationEngine校验表单格式  (2016/8/21 7:53:26)

jQuery操作select控件的用法总结  (2016/7/21 7:26:24)

jquery的load函数介绍  (2016/12/1 7:44:37)

CSS中大于号(>)的作用  (2016/10/1 7:39:31)

jquery的get()方法  (2015/11/28 13:58:08)