jQuery是一個(gè)強(qiáng)大的Javascript類庫,里面封裝好了很多現(xiàn)有的方法和屬性??梢允归_發(fā)人員用很少的代碼更好更快的開發(fā)出自己想實(shí)現(xiàn)的效果。 在平時(shí)的開發(fā)中,我們可能經(jīng)常會(huì)用到j(luò)Query。這里總結(jié)了一些經(jīng)典的實(shí)例應(yīng)用。分享給大家。 >>>>>jQuery=輕松實(shí)現(xiàn)表單驗(yàn)證: 在我們的開發(fā)中,常會(huì)有注冊或是添加信息的時(shí)候,難免的我們就會(huì)需要對表單進(jìn)行驗(yàn)證。jQuery對此作出了很好的支持。 Code HTML代碼:Code 代碼很如意理解,簡單說下:這里需要將Form的id="signupForm",然后就可以對需要盡心驗(yàn)證的控件進(jìn)行規(guī)則的設(shè)定: username: {required: true, minlength: 2}。username是空間的id,required意思是不能為空,最小值不能小于2。從下面的message的設(shè)定中,大家也應(yīng)該知道是什么意思了。 恩,就是這么簡單。這樣就可以實(shí)現(xiàn)對表單進(jìn)行驗(yàn)證。jquery.validate.js 運(yùn)行效果: >>>>>jQuery + HttpHandler =圖片裁剪 大家可能在園子中看過這個(gè)不錯(cuò)的Demo。這里也強(qiáng)烈的推薦一下,很實(shí)用的功能。 Code
jQuery代碼: Code
運(yùn)行效果: Code
服務(wù)器端:利用個(gè).ashx文件 Code
過多的代碼就不貼出來了,感興趣的朋友文后有源碼下載。就是根據(jù)不同的參數(shù)執(zhí)行不同的函數(shù)。這里值得注意的是DataTable<<--->>Json
Code 接著就是配置文件:Code <behavior name="AllenBehavior"><enableWebScript /></behavior>準(zhǔn)備工作做好后就可以前臺調(diào)用了: Code 這里的一些注意事項(xiàng)大家可以參看http://www.cnblogs.com/dudu/archive/2009/07/14/1523082.html.這樣,我們就可以利用jQuery調(diào)用wcf了。 小結(jié):jQuery在開發(fā)中我們可以經(jīng)常的用到,靈活的使用jQuery和其他的技術(shù)結(jié)合起來,可以給我們帶來很不錯(cuò)的效果,也希望大家有什么好的jQuery實(shí)例多多分享。 源碼:/Files/gaoweipeng/JQDemo.rar原創(chuàng)轉(zhuǎn)載請注明 |
|