易栈网-膘叔（Neatstudio.COM）

浏览模式: 标准 | 列表Tag:jquery

[转载]超强大的jquery formValidator

Submitted by gouki on 2008, April 24, 12:01 AM

升级记录
2.0
这次又做了一次比较大的调整：增加了FunctionValidator这种校验方式，现在你可以调用外部函数了；调整了内部部分算法；
你打开下载压缩包里的index.html，将会看到全新的演示。
1、增加FunctionValidator校验方式。作用：你可以用外部函数对表单元素进行校验和处理，返回true/false表示校验是否成功;返回字符串表示自定义错误信息，校验失败;如果没有返回值表示处理过程，校验成功。范例代码如下：
$("#sfzh").formValidator({onshow:"请输入15或18位的身份证",onfocus:"输入15或18位的身份证",oncorrect:"输入正确"}).FunctionValidator({fun:isCardID});
fun这个参数给你的函数传递了2个参数(该表单元素的值,表单元素element) 。具体情况，请看API帮助文档
2、当你调用PageIsValid的时候，如果未校验通过，则给onError传递2个参数(第一个校验没通过元素的错误信息,第一个校验没通过元素element)。范例代码如下：
$.formValidator.initConfig({onError:function(msg){alert(msg)}});
3、AjaxValidator校验方式增加一个配置参数buttons（你点提交的按钮(组)jQuery对象）。作用：当你触发了ajax校验，buttons里对应的按钮（组）就会灰掉，一直等待服务器返回数据为止。范例代码如下：
$("#test1").formValidator({...}).InputValidator({...}).AjaxValidator({
      url : "Default.aspx",
      datatype : "json",
      success : function(data){...},
      buttons: $("#button_id"),
      error: function(){alert("服务器没有返回数据，可能服务器忙，请重试");},
      onerror : "该用户名不可用，请更换用户名重新",
      onwait : "正在对用户名进行合法性校验，请稍候..."
});
4、由于增加了自定义错误信息的功能，为了跟FunctionValidator校验方式里"fun"函数返回意义统一，更改了formValidator里的onvalid参数返回的意义，给大家带来不便请谅解。返回true/false表示校验是否成功；返回字符串表示自定义错误信息，校验失败；如果没有返回值表示处理过程，校验成功。

» 阅读全文

Tags: jquery, javascript, form, validator

Javascript | 评论:3 | 阅读:51030

jQuery的bind函数

Submitted by gouki on 2008, March 30, 8:55 PM

jQuery学习之bind

在mootools里面，如果要为某个DOM或者HTML标签等绑定一个操作用的是addEvents，移除一个事件的时候用的是removeEvents，在jQuery里面就相对比较简单，直接用bind函数和unbind函数就行了。

例如为一个button添加一个click。可以这样操作

XML/HTML代码

<input type='button' id='myBtn'>

这是一个button，现在我们要为他添加一个事件

JavaScript代码

<script>
$('#myBtn').bind("click",function(){
alert('click');
});
</script>

这样，我们就为这个button绑定了一个click的事件。

bind函数可以有三个参数，当第二个参数不是一个函数，而是一个数据对象时，它将默认做为bind第三个参数（函数）的参数。例如：

XML/HTML代码

<script>
function showAlert(events){
alert(events.data.foo);
}
$('#myBtn').bind('click',{foo:'click'},showAlert);
</script>

点击时，同样会显示:click

这些就是bind的一些基本用法，当然还有一些方法

比如在绑定方法的时候，用的是return false;可以让这个方法失效

JavaScript代码

<script>
$('#myBtn').bind('click',function(){
return false;
})
</script>

这样，刚才绑定的click又失效了，不过，这种方法往往用在submit提交的时候比较多。

还有一些方法可以取消默认行为和阻止事件起泡：preventDefault 和stopPropagation

例：

JavaScript代码

<script>
$('#myBtn').bind('click',function(event){
event.preventDefault();//取消默认的click行为
});
$('#myBtn').bind('click',function(event){
event.stopPropagation();//阻止click事件起泡
});
</script>

Tags: jquery

Javascript | 评论:1 | 阅读:40835

推荐一个Jquery插件:autoComplete

Submitted by gouki on 2008, March 14, 11:23 PM

看了我的上篇文章，应该可以知道jQuery还是有很多插件的，其中autoComplete插件就有很多，现在我主要推荐一个：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/，详细的可以看例子：http://dev.jquery.com/view/trunk/plugins/autocomplete/

» 阅读全文

Tags: jquery

Javascript | 评论:0 | 阅读:34157

jQuery一些插件的链接［转］

Submitted by gouki on 2008, March 13, 10:32 PM

概述

jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆js来调用命令了，只需定义 id 即可。今天在Kollermedia.at上发现了一篇JQuery插件列表的文章，特推荐如下。