Jquery 自定义插件写法(示例)
2014-11-17 12:16
375 查看
(function ($) { $.SmsHelper = $.SmsHelper || {}; $.extend($.SmsHelper, { //插件具体实现代码 yzmnum: 60, AjaxUrl: "/AjaxMethod/CommonSMS.ashx?key=GetSmsCode", GetSmsCodeClick: function (phoneCode, obj) { if (phoneCode == '') { $.AmHelper.ShowMsg('请输入手机号'); return; } var reg = /^1[358]\d{9}$/; if (!reg.test(phoneCode)) { $.AmHelper.ShowMsg("手机号码格式不正确!"); return; } var objText = $(obj).val(); if (objText == '') { objText = $(obj).text(); if (objText.indexOf('验证码') > -1) { $.SmsHelper.GetSmsCodeEx(phoneCode, obj); } } else { if (objText.indexOf('验证码') > -1) { $.SmsHelper.GetSmsCode(phoneCode, obj); } } }, //获得手机验证码 GetSmsCode: function (mobile, obj) { $(obj).val('请稍后...' + $.SmsHelper.yzmnum); $(obj).attr("disabled", true); var yzmtime = setInterval(function () { $.SmsHelper.yzmnum--; $(obj).val('请稍后...' + $.SmsHelper.yzmnum); if ($.SmsHelper.yzmnum == 0) { $(obj).val('获取验证码'); $(obj).attr("disabled", false); clearInterval(yzmtime); $.SmsHelper.yzmnum = 60; } }, 1000); if (mobile != "") { $.ajax({ type: "post", url: $.SmsHelper.AjaxUrl, data: { "Mobile": mobile, "PageType": $.SmsHelper.smsPageType }, async: false, dataType: "json", success: function (msg) { if (msg.returncode == "0") { $.AmHelper.ShowMsg("验证码短信已发送"); } else { $.AmHelper.ShowMsg(msg.message); } }, complete: function (XHR, TS) { XHR = null } }); } else { $.AmHelper.ShowMsg('请填写手机号码!'); } }, GetSmsCodeEx: function (mobile, obj, pageType) { $(obj).text('请稍后...' + $.SmsHelper.yzmnum); $(obj).attr("disabled", true); var yzmtime = setInterval(function () { $.SmsHelper.yzmnum--; $(obj).text('请稍后...' + $.SmsHelper.yzmnum); if ($.SmsHelper.yzmnum == 0) { $(obj).text('获取验证码'); $(obj).attr("disabled", false); clearInterval(yzmtime); $.SmsHelper.yzmnum = 60; } }, 1000); if (mobile != "") { $.ajax({ type: "post", url: $.SmsHelper.AjaxUrl, data: { "Mobile": mobile, "PageType": smsPageType }, async: false, dataType: "json", success: function (msg) { if (msg.returncode == "0") { $.AmHelper.ShowMsg("验证码短信已发送"); } else { $.AmHelper.ShowMsg(msg.message); } }, complete: function (XHR, TS) { XHR = null } }); } else { $.AmHelper.ShowMsg('请填写手机号码!'); } } }); })(jQuery);
调用方式:
$.SmsHelper.GetSmsCodeClick();
相关文章推荐
- jquery自定义插件――window的实现【示例代码】
- jquery自定义滚动条插件示例分享
- jquery自定义插件――window的实现【示例代码】
- jQuery 插件写法示例
- jquery自定义滚动条插件示例分享
- 自定义jQuery插件的写法
- jQuery简单自定义图片轮播插件及用法示例
- jquery 自定义插件的两种写法。
- 【jQuery】jQuery自定义插件开发 —— 示例
- jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
- jquery validate 插件:(2)简单示例
- jquery.autocomplete.js 插件的自定义搜索规则
- 使用JQuery blockUI插件示例(加载数据时使用相当于updateprogress)
- jQuery插件Datepicker日期选择器实现Javascript自定义日期时间选择功能
- jQuery formValidator表单验证插件开源了!!含API帮助、源码、示例
- 利用jQuery自定义插件的方法
- jQuery formValidator表单验证插件开源了!!含API帮助、源码、示例
- 拥有高自定义的jQuery拖动插件
- JQuery插件中的treeview与asp.net mvc的结合使用实例(转)-附加自己的写法
- jquery thickbox 插件自定义 潇湘博客