javascript 建设银行登陆键盘

所属分类: 网络编程 / JavaScript 阅读数: 682
收藏 0 赞 0 分享
复制代码 代码如下:

/******************************************************
//      *功能描述:把密码输入控件写入页面中
//      *参数说明:
//        inputCtlName:原控件名
//        
//        创建日期:2006-07-24
***************************************************** */
var InputControlAreaIndex=0;
var InputControlAreaPubKey='';
var InputControlAreaAccVer="115A7165-DE06-49B8-9850-15414C233E83:1009";
var InputControlAreaFlag="1";
var InputControlAreaAccVerFlag=false;
var InputControlAreaArray=new Array();
function InputControlArea(inputName,type){

    //初始化控件标签
    var input=document.all[inputName];    
    //初始化软键盘
    //this.initKeyBoard(input);
    //判断控件是否启用
    if(input==null||arguments.length!=2||(InputControlAreaFlag!=2&&InputControlAreaFlag!=3)){

        this.obj=false;        
        return ;        

    }
    //生成控件标签
    this.init("Sec."+inputName,inputName);    

    //取得有效控件
    var returnObject=this.getInputCtl(document.all["Sec."+inputName],type);    

    //显示有效控件
    this.obj=this.displayInput(returnObject,document.all[inputName]);    

    InputControlAreaArray[InputControlAreaArray.length]=this.obj;    

    
}

InputControlArea.prototype.initKeyBoard=function (input){

    if(InputControlAreaFlag==3||InputControlAreaFlag==1)
    {

        input.onkeydown=function (){

            Calc.password.value=this.value;            

        }
        input.onchange=function (){

            Calc.password.value=this.value;            

        }
        input.onclick=function (){

            password1=this;            
            showkeyboard();            
            this.readOnly=1;            
            Calc.password.value='';            

        }

    }else if(InputControlAreaFlag==2||InputControlAreaFlag==0)
    {

        input.onkeydown=null;        
        input.onchange=null;        
        input.onclick=null;        

    }

}

InputControlArea.prototype.init=function (inputCtlId,inputName){

    //在函数末尾追加的控件,先调用。
    function writeInputControl(clsid,id){

        //生成控件标签
        var classid="";        
        if(clsid!="")
        {

            classid=" classid='CLSID:"+clsid+"'";            

        }

        inputSpan+='<OBJECT '+classid+' id='+id+' VIEWASTEXT style="display:none" size="20" width="100" height="17">'+'</OBJECT>';        

    }
    var inputSpan=document.all[inputName].outerHTML+"<div id = '"+inputName+"Area' style = 'border:1px solid #69c;padding:0;vertical-align:top;width:148;height=17;display:none'>";    
    writeInputControl("",inputCtlId);
    //
    var strCtls=InputControlAreaAccVer.split(",");    
    for(var i=0;i<strCtls.length;++i)
    {

        writeInputControl(strCtls[i].split(":")[0],inputCtlId);
        //控件A

        
    }
    ///////////////////////////////////////////////////////////////////////
    inputSpan+='<img id='+inputCtlId+"img"+' SRC="images/icon_small_hand.gif" ALT="已使用密码输入控件,方便您的密码输入!" width=16 height=17 style = "vertical-align:top;display:none" ></img>';    
    inputSpan+="</div>";    
    document.all[inputName].outerHTML=inputSpan;    

}

InputControlArea.prototype.displayInput=function (returnObj,input){

    //控件有效
    if(returnObj.classid!="")
    {

        input.style.display="none";        
        returnObj.style.display="";        
        document.all[returnObj.id+"img"].style.display="";        
        document.all[input.name+"Area"].style.display="inline";        
        returnObj.onblur=function (){

            //判断离开焦点时的处理是否存在
            if(input.onblur)
            {

                input.onblur.call();                

            }
            //设置密码
            //input.value = returnObj.GetPassword(InputControlAreaPubKey);
            //returnObj.length = returnObj.GetLength();

        }
        returnObj.onDoSubmit=function (){

            input.value=returnObj.GetPassword(InputControlAreaPubKey);            
            returnObj.length=returnObj.GetLength();            

        }

        if(InputControlAreaPubKey=='')
        {

            initOnSubmit();            
            InputControlAreaPubKey=returnObj.GetPubKey(InputControlAreaPubKey);            

        }
        returnObj.SetFunName(input.name);        

    }else {

        //控件无效
        input.style.display="";        
        returnObj=false;        
        if((window.location.toString ()).indexOf("LOGIN")==-1)
        {

            return ;            

        }
        var warning;        
        if(InputControlAreaAccVerFlag)
        {

            warning="您的密码输入控件版本无效,是否安装新版本?";            

        }
        else 
        {

            warning="您未安装密码输入控件,是否安装?";            

        }

        
        var SetUpFlag=this.GetCookie("SetUpFlag");        
        var returnFlg=this.GetCookie("returnFlg");        
        if(returnFlg=="1")
        {

            this.SetCookie("returnFlg","0");            
            return ;            

        }
        if(SetUpFlag!="0"||SetUpFlag==null)
        {

            this.SetCookie("SetUpFlag","1");            
            top.location="/app/B2CMainPlatV5?CCB_IBSVersion=V5&CUSTYPE=0&TXCODE=801002";            

        }

        
    }
    //返回有效控件
    return returnObj;    

}

InputControlArea.prototype.getInputCtl=function (inputCtls,type){

    var validSE=0;    

    for(var i=inputCtls.length-1;i>=1;i--){

        try{

            if(InputControlAreaAccVer.indexOf(inputCtls[i].GetVersion())==-1){

                InputControlAreaAccVerFlag=true;                
                continue;                

            }
            inputCtls[i].SetCryptFlag(type);            
            validSE=i;            
            break;            

        }catch(e){

            //continue;

        }
        try{

            inputCtls[i].GetStrMsg();            
            validSE=i;            
            break;            

        }catch(e){

            continue;            

        }

    }
    InputControlAreaIndex=validSE;    
    return inputCtls[validSE];    

}

function callOnBlurByName(inputCtlName){

    document.all["Sec."+inputCtlName][InputControlAreaIndex].onblur.call();    

}

InputControlArea.prototype.SetCookie=function (sName,sValue)
{

    document.cookie=sName+"="+escape(sValue)+"; expires=Fri, 31 Dec 2999 23:59:59 GMT;";    

}

// Retrieve the value of the cookie with the specified name.
InputControlArea.prototype.GetCookie=function GetCookie(sName)
{

    // cookies are separated by semicolons
    var aCookie=document.cookie.split(";");    
    for(var i=0;i<aCookie.length;i++)
    {

        // a name/value pair (a crumb) is separated by an equal sign
        var aCrumb=aCookie[i].split("=");        
        if(aCrumb[0].indexOf(sName)!=-1){

            return unescape(aCrumb[1]);            

        }

    }
    // a cookie with the requested name does not exist
    return null;    

}

function initOnSubmit(){

    
    for(var i=0;i<document.forms.length;i++){

        var submitHandler=document.forms[i].onsubmit;        

        if(submitHandler){

            document.forms[i].onsubmit=function (){

                initPassWord();                
                return submitHandler.call();                

            }

        }

        
    }

}


function initPassWord(){

    for(var i=0;i<InputControlAreaArray.length;i++){

        if(InputControlAreaArray[i]!=null&&InputControlAreaArray[i].onDoSubmit!=null)
        {

            InputControlAreaArray[i].onDoSubmit.call();            

        }

    }

}

在线演示
打包文件下载
更多精彩内容其他人还在看

纯javascript判断查询日期是否为有效日期

很多网站都涉及到输入日期选项,如果客户日期输入错误,可能导入查询不到甚至查询到错误的信息,为了更好的满足用户需求,需要对日期进行校验,下面给大家介绍使用纯javascript如何判断查询日期是否为有效日期,需要的朋友可以参考下
收藏 0 赞 0 分享

jquery实现的蓝色二级导航条效果代码

这篇文章主要介绍了jquery实现的蓝色二级导航条效果代码,涉及jquery鼠标事件及页面样式的动态切换效果实现技巧,非常简单实用,需要的朋友可以参考下
收藏 0 赞 0 分享

ajax如何实现页面局部跳转与结果返回

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新,本篇文章给大家介绍ajax如何实现页面局部跳转与结果返
收藏 0 赞 0 分享

jQuery实现的类似淘宝网站搜索框样式代码分享

这篇文章主要介绍了类似淘宝网站搜索框样式实现代码,推荐给大家,有需要的小伙伴可以参考下。
收藏 0 赞 0 分享

js实现的黑背景灰色二级导航菜单效果代码

这篇文章主要介绍了js实现的黑背景灰色二级导航菜单效果代码,涉及javascript操作页面元素动态切换的实现技巧,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享

jQuery仿360导航页图标拖动排序效果代码分享

这篇文章主要为大家详细介绍了360导航页图标拖动排序效果代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

javascript中SetInterval与setTimeout的定时器用法

Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等,本文文章通过代码示例给大家介绍javascript中SetInterval与setT
收藏 0 赞 0 分享

jquery带下拉菜单和焦点图代码分享

这篇文章主要介绍了jquery带下拉菜单和焦点图代码,推荐给大家,有需要的小伙伴可以参考下。
收藏 0 赞 0 分享

jQuery实现的背景动态变化导航菜单效果

这篇文章主要介绍了jQuery实现的背景动态变化导航菜单效果,涉及jquery页面元素背景动态变换的实现技巧,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享

jquery+CSS实现的水平布局多级网页菜单效果

这篇文章主要介绍了jquery+CSS实现的水平布局多级网页菜单效果,涉及jquery页面元素属性动态变换效果实现技巧,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多