js实现异步传输模式机存取款功能

射流研究…是一个功能十分强大的脚本语言，通过射流研究…能实现很多有意思的演示！而要实现那些功能炫酷、特效美观的东西数字正射影像图操作是必不可少且尤为重要的！这个异步传输模式机存取款的案例，就用到射流研究…中一些简单的数字正射影像图操作来实现其功能。

异步传输模式机案例功能需求：

1.用户最多只能有三次输入卡号和密码的机会，如果超过三次，则提示卡号已被锁定2.用户取款的金额不能大于卡上的账户余额3.存取功能完成后，要更新相应的余额信息

登录界面代码：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title AtM/title script src=' Http : AtM。js '/脚本样式div { width : 300 px高度： 200像素；margin : 0 auto order :1 px纯黑；边界半径： 5px文本对齐：中心；} p { font-size : 20px}按钮{ border: 0pxpadding: 5px背景-颜色：绿色；颜色：白色；}/style/head dy div PatM机/p plabel卡号：/labelinput type=' text ' id=' account '/p plabel密码：/labelinput type=' password ' id=' password '/p pbutton onclick=' log in()'登录/button/p /div/body/html主页界面代码：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title AtM/title script src=' Http : AtM。js '/脚本样式div { width : 300 px高度： 200像素；margin : 0 auto order :1 px纯黑；边界半径： 5px文本对齐：中心；} p { font-size : 20px}按钮{ border: 0pxpadding: 5px背景-颜色：绿色；颜色：白色；}/style/head dy div PatM机/p plabel余额：/labelinput type=' text ' id=' balance ' value=' 2000.00 '已禁用/p plabel存款：/labelinput type=' text ' id=' deposit '按钮点击=' deposit()'存款/button/p plabel取款：/labelinput type=' text ' id=' return '按钮onclick=' return()'取款/button/p /div/body/htmljs代码：

var I=2；//定义密码输错的次数//判断输入的卡号是不是数字类型//返回没错，证明不是数字；返回假的，证明是数字功能支票号码（账户){ var pattern=/^[0-9]*[1-9][0-9]*$/；返回模式。测试(账户)；//返回isNaN(账号);}//判断输入的卡号和密码是否为空函数checkNull(帐户，密码){ if(account。长度0密码。长度0){返回true}返回false}//登录事件函数登录(){ var account=document。getelementbyid(' account ').价值；var password=文档。getelementbyid('密码').价值；if(！checkNull(帐户，密码)){ alert('卡号和密码不能为空!');返回；//终止登录方法，下面的代码不会执行} if(！支票号码（帐户)){警报('卡号必须为数字!');返回；} if(i0帐户==' 123456789 '密码==' 123 '){ window。位置。href='索引。html ' rel='外部无跟随'；}else{ if(i==0){ alert('当前卡号被锁定!');返回；}警报('你还剩下我次输入卡号和密码的机会');我-；返回；} }//存款函数存款(){ var balance=parseFloat(文档。getelementbyid(' balance ').值);//获取余额，并将其转换为数字var存款=单据。getelementbyid(“存款”).价值；if(！deposit.length0){ alert('请输入您要存款的金额');返回；} if(checkNumber(存款)){ alert('请输入数字');返回；}余额=parseFloat(存款);文件。getelementbyid(' balance ').价值=平衡；//修改存款完成以后显示的余额} //取款函数retract(){ var balance=parseFloat(文档。getelementbyid(' balance ').值);//获取余额，并将其转换为数字var return=文档。getelementbyid(' return ').价值；if(！收回。长度0){ alert('请输入您要取款的金额');返回；} if(checkNumber(撤销)){ alert('请输入数字');返回；} //判断取款是否大于余额if(parseFloat(提取)余额){ alert('余额不足!');} balance-=parseFloat(撤销);文件。getelementbyid(' balance ').价值=平衡；}运行效果：

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。