jQuery 插件使用记录

Validate 

表单验证 ver 1.6 浏览更多

默认情况下,当表单 submit 时,那些验证不通过的 field 旁边会出现错误消息提示,有时很方便,但有时看起来很不美观。可以关闭此消息提示。

jQuery.validator.messages.required = ""

我还有一种特别的使用,validate 不充当真正的验证,而是作为验证失败的时候,用来改变样式。

更多的是喜欢它的可扩展验证

1 jQuery.validator.addMethod('name', function(value, element) {  …… }, ‘error message');
2 // 很多时间错误信息的提示都是多种多样的,这种统一的方式而不方便,可以置值为空,然后验证过程中提示

 

BlockUI

ver 2.33 浏览更多

这个作用就是当页面进行长时间,需要等待的操作时,可以用来阻止用户对页面的控制,从而不打乱程序的执行节奏。有时也可以用来显示处理进度百分比。使用起来简单方便。

1 $.blockUI({ message: '...', css: { width: '250px', padding: '10px 0' } })

但是如果要动态更改 message 信息,改怎么办呢?对于这样的问题,我一贯的解决是,1 找 api,2 如果没有,查看插件动态生成的 html 代码(毕竟看源代码麻烦),然后找到关键片段就行修改该,如:

 $(".blockUI.blockMsg.blockPage").html("message");

当然这种方式对于插件版本更新不利,如更改了这些节点样式信息。

解除阻止也只要一句话就够了:

1 $.unblockUI();

 

Improptu

ver 1.5 浏览更多

这个是同事们使用的插件,没有过多的了解,很喜欢用其中的 prompt 和 confirm 两个方法,提示信息,执行回调。

 

posted @ 2014-05-26 17:45  Leaf.Duan  阅读(449)  评论(0编辑  收藏  举报