FEX

让web开发更迅速、简单。

您的位置:首页 - 功能类组件列表 - 功能类组件详情

常用方法(常用正则、获取页面参数、短信倒计时)类

2017-01-12 11:33:59

[-]常用JS方法封装

依赖: zepto或者jQuery.

主文件CDN:

http://zhcdn01.xoyo.com/xassets/com/pf/method/comMethod.js

DEMO

//zhcdn01.xoyo.com/xassets/com/pf/method/demo.html

目前已封装方法:

  • 获取URL参数
  • 短信发送读秒
  • 表单类型检测(email格式检测)
  • 表单各种类型检测(电话号码格式检测)
  • 表单各种类型检测(姓名格式检测)
  • 表单各种类型检测(身份证号格式检测)
  • 百度按钮点击次数
    
/*
 * 说明:调用方法可以用 $.COMMETHOD  或者  window.COMMETHOD
 * 这是为了防止 $ 符号被占用
 */
    $(function(){

        /*
         * 获取URL参数DEMO 
         * 请在测试时在URL后面加上 .html?url=xxx¶m=ffff
         * 可以同时获取多个 参数之间要用 & 隔开
         */
        console.log('获取到的页面参数是 '+ $.COMMETHOD.getUrlArgs('url'))
        console.log('获取到的页面参数是 '+ $.COMMETHOD.getUrlArgs('param'))


        /*
         * 短信发送读秒DEMO
         * 
         * $.COMMETHOD.msgSecond('需要读的秒数','获取按钮','成功后DOM','秒数DOM')
         * 
         */
        $('.J_getPhoneCode').click(function(){
            $.COMMETHOD.msgSecond('10','.J_getPhoneCode','.J_getOk','.J_second')
        })



        /*
         * 表单各种类型检测DEMO
         * 
         * 需要自己写空值判断 
         * 对于用户输入的值做了 首尾空格 去掉处理
         * 
         */
        $('.J_emailBtn').click(function(){
            if( !$('.J_emailCon').val() ){
                alert('email不能为空');
                return;
            }else{
                if( $.COMMETHOD.emailCheck('.J_emailCon') ){
                    alert('验证成功')
                }else{
                    alert('请正确填写email');
                    return;
                }
            }
        });
        $('.J_phoneBtn').click(function(){
            if( !$('.J_phoneCon').val() ){
                alert('电话号码不能为空');
                return;
            }else{
                if( $.COMMETHOD.phoneCheck('.J_phoneCon') ){
                    alert('验证成功')
                }else{
                    alert('请正确填写phone');
                    return;
                }
            }
        });

        $('.J_realnameBtn').click(function(){
            if( !$('.J_realnameCon').val() ){
                alert('姓名不能为空');
                return;
            }else{
                if( $.COMMETHOD.realnameCheck('.J_realnameCon') ){
                    alert('验证成功')
                }else{
                    alert('请正确填写realname,姓名为2-8个汉字');
                    return;
                }
            }
        });

        $('.J_idnumBtn').click(function(){
            if( !$('.J_idnumCon').val() ){
                alert('身份证号不能为空');
                return;
            }else{
                if( $.COMMETHOD.idnumCheck('.J_idnumCon') ){
                    alert('验证成功')
                }else{
                    alert('请正确填写身份证号');
                    return;
                }
            }
        });

        /*
         * 百度按钮点击次数 统计代码
         * 
         * 如果页面有多个百度统计代码 就需要加下面 push id这一段 只有一个就不需要
         * JS需要填写push一段代码,代码后面的值必须与百度统计代码的ID一致
         * 同时 域名与统计代码必须一致(详情:咨询 数据统计同学 陈家宝)
         * 下面的 85c1d8e2666ba43ce2accdedc27860e2 与统计代码是一致的
         * 
         * 在需要统计的按钮上加样式 和统计 按钮名称
         * 按钮名称(可由 陈家宝 提供 也可自己生成)
         * 按钮命名格式: 游戏名_功能名_位置名 jx3_getcode_shouye
         * 
         * dom举例 进入官网
         * 
         * 注意: 此事件按钮上 不能有其他JS click事件绑定 否则会冲突
         */
        _hmt.push(['_setAccount', '85c1d8e2666ba43ce2accdedc27860e2']);

        /* 
         * 字符窜截图示例
         * cutString('截取的字符窜','截取的字数'))
         */ 
        console.log($.COMMETHOD.cutString('我的名字叫XX','2'))
    })