编程开发 购物 网址 游戏 小说 歌词 快照 开发 股票 美女 新闻 笑话 | 汉字 软件 日历 阅读 下载 图书馆 编程 China
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
移动开发 架构设计 编程语言 互联网 开发经验 Web前端 开发总结
开发杂谈 系统运维 研发管理 数据库 云 计 算 Java开发
VC(MFC) Delphi VB C++(C语言) C++ Builder 其它开发语言 云计算 Java开发 .Net开发 IOS开发 Android开发 PHP语言 JavaScript
ASP语言 HTML(CSS) HTML5 Apache MSSQL数据库 Oracle数据库 PowerBuilder Informatica 其它数据库 硬件及嵌入式开发 Linux开发资料
  编程开发知识库 -> Web前端 -> 使用jQuery Validation Engine 表单验证(菜鸟经历分享) -> 正文阅读
 

[Web前端]使用jQuery Validation Engine 表单验证(菜鸟经历分享)[第1页]

jQuery Validation Engine 表单验证


1、API地址:http://code.ciaoca.com/jquery/validation-engine/
2、使用经历(方法):

项目要求:在修改详细信息与新增详细信息的页面添加控件的验证。使用Jquery Validation Engine插件。
操作方法:(1)未添加验证的控件代码
<input type="text"id="frdb"name="frdb"maxlength="30"value=""required class="form-control">



         (2)添加验证的控件代码

	    <input type="text" id="frdb" name="frdb" maxlength="30" value=""required class="form-control validate[required,min[1],max[5]]">
	    简单理解:两者对比,在class的部分添加了“validate[required,min[1],max[5]]”的语句,其功能是为控件添加非空验证以及最大最小长度的验证。
	   (3)处理插件使用的代码【此处用来为input控件外部表单绑定验证】
	    $(function () {
		$('#qyxxModal-form').validationEngine('attach', {
		promptPosition: 'topRight',       //提示信息位置
		focusFirstField: false,           //验证未通过时,是否给第一个不通过的控件获取焦点
		autoPositionUpdate: false,        //是否自动调整提示层的位置
		addPromptClass: 'formError-white',//给提示信息增加 class
	 	maxErrorsPerField: '1',           //单个元素显示错误提示的最大数量
	        scroll: false                     //屏幕自动滚动到第一个验证不通过的位置
	           });
	    });
	   (4)在js中操纵对控件进行验证
	    
	    if ($('#qyxxModal-form').validationEngine('validate')) { 执行验证通过后的代码 }
   	   (5)插件缺陷处理
	    当插件与bootstrap的模态框搭配使用时,该插件在执行验证而未通过时,会将提示信息持续显示在层上,二次呼出模态框事,再未触发验证时提示信息就显示了。
	    处理方法是在弹出模态框之前调用验证插件的一个方法,隐藏所有提示信息。
	    $('#qyxxModal-form').validationEngine('hideAll');

	    (6)其他
	    具体的验证规则还有很多,参照API上的内容,可写出多样的验证规则。
	    
	
	

	


  Web前端 最新文章
echarts莫名缩小,并且宽度不能更改,生成时
JAVA后台 关于如何从后台传递信息在jsp前端
HTTP协议(二)
阿里云服务器的域名解析解决方案
live-server的安装与使用
HTML播放视频(兼容IE低版本)
windows下配置nginx+php环境
Chorme 开代理后无法打开jsp页面的问题
分布式任务调度平台XXL
作用域
上一篇文章      下一篇文章      查看所有文章
加:2016-11-24 14:59:42  更:2016-11-24 15:01:35 
VC(MFC) Delphi VB C++(C语言) C++ Builder 其它开发语言 云计算 Java开发 .Net开发 IOS开发 Android开发 PHP语言 JavaScript
ASP语言 HTML(CSS) HTML5 Apache MSSQL数据库 Oracle数据库 PowerBuilder Informatica 其它数据库 硬件及嵌入式开发 Linux开发资料
360图书馆 软件开发资料 文字转语音 购物精选 软件下载 新闻资讯 小游戏 Chinese Culture 股票 三丰软件 开发 中国文化 网文精选 阅读网 看图 日历 万年历 2018年11日历
2018-11-13 2:12:06
多播视频美女直播
↓电视,电影,美女直播,迅雷资源↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  编程开发知识库