手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表Tag:jquery

[转载]超强大的jquery formValidator

升级记录
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

jQuery的bind函数

jQuery学习之bind

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

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

XML/HTML代码
  1. <input type='button' id='myBtn'>  

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

JavaScript代码
  1. <script>   
  2. $('#myBtn').bind("click",function(){   
  3.     alert('click');   
  4. });   
  5. </script>  

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

bind函数可以有三个参数,当第二个参数不是一个函数,而是一个数据对象时,它将默认做为bind第三个参数(函数)的参数。例如:

XML/HTML代码
  1. <script>  
  2. function showAlert(events){   
  3.     alert(events.data.foo);   
  4. }   
  5. $('#myBtn').bind('click',{foo:'click'},showAlert);   
  6. </script>  

点击时,同样会显示:click

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

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

 

JavaScript代码
  1. <script>   
  2. $('#myBtn').bind('click',function(){   
  3. return false;   
  4. })   
  5. </script>  

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

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

例:

JavaScript代码
  1. <script>   
  2. $('#myBtn').bind('click',function(event){   
  3. event.preventDefault();//取消默认的click行为   
  4. });   
  5. $('#myBtn').bind('click',function(event){   
  6. event.stopPropagation();//阻止click事件起泡   
  7. });   
  8.   
  9. </script>  

Tags: jquery

推荐一个Jquery插件:autoComplete

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

» 阅读全文

Tags: jquery

jQuery一些插件的链接[转]

概述

jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不jquery及的,它兼容 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插件列表的文章,特推荐如下。

原文:http://www.cnweblog.com/maomao2008/articles/270906.html

» 阅读全文

Tags: jquery

JQuery学习第一天

JQuery,prototype,mootools是现在应用的比较多的JS框架了

其它的我就不谈了,现在正在用JQuery,正好做个笔记。

用JQuery官方的话来说,一般普通开发人员,如果仅仅是为了使用JQuery的话,那么,用的最多的应该是XPath,Css,只有这两个熟悉了,才能完整的使用JQuery,而XPath又是重中之重。

XPath的功能是让你可以在DOM里迅速定位到某一个确定的元素,在以前,我们不得不通过:getElementById,getElementsByName,等函数来得定位元素,而现在,$(),几乎可以完成常用的功能。

$('#test'),代表了以前的document.getElementById('test');

当然,这只是最简单的,复杂的就是在那些Xpath上了,例如
$("div > p") ,$("//div/p")等等
更详细的,可以参考:http://docs.jquery.com/DOM/Traversing/Selectors

用完了XPath后,就是一些常用的事件了,如click,mouseover,mouseout等这些都是可以后定义的也算是比较方便

对于页面元素,JQuery也简化了一些操作,比如取input框的值,取innerHTML,innerText等,不但取值方便,而且设定值的时候也非常方便。

今天的笔记就做到这样,只能算是稍稍理一下思路。慢慢再写

图片附件(缩略图):
大小: 19.96 K
尺寸: 500 x 63
浏览: 3144 次
点击打开新窗口浏览全图

Tags: jquery, javascript

Records:70«567891011121314