js实现文本框支持加减运算的方法

本文实例讲述了射流研究…实现文本框支持加减运算的方法。分享给大家供大家参考。具体如下：

这是一个网页表单效果，让表单内的文本框支持加减运算，不过你要按正确的运算式输入，要不然它没有那么智能哦，比如输入1 5,文本框旁边会显示计算结果，这要归功于Java脚本语言的功能。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-math-input-method-codes/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML '标题支持加减运算的文本框/title meta http-equiv=' content-type ' content=' text/html；charset=GB 2312 '样式类型=' text/CSS '正文{ color : # 000font-size :14 pxfont-family:Verdana，Arial，Helvetica无衬线'宋体；}输入{边框式：纯色；边框颜色： # 868275;背景-color : # F9 F9；边框宽度：1 px颜色： # 505050垂直对齐：毫米；}/style脚本语言=JavaScript函数flood DD(arg 1，arg2){ var r1，r2，m；尝试{r1=arg1.toString().拆分('。')[1].length}catch(e){r1=0}尝试{r2=arg2.toString().拆分('。')[1].长度{ catch(e){ R2=0 } m=数学。pow(10，Math.max(r1，R2))返回(arg 1 * m arg 2 * m)/m }函数floatistubtr(arg 1，arg 2){ return floatindd(arg 1，-arg 2)；}功能是金钱(money){ if(/^[\d| | .|-] $/.测试（金钱))返回真；返回false}函数结果(){ str=document。getelementbyid(' buy ').价值；if(！(IsMoney(str))){ document。GetElementBYID('金额')。innerHTML='无效金额；返回false} var len=str.length，money=0，Num=0；var NumStr=' '，ctrlflag='x '，cf lag=0；for(var I=0；伊琳；I){ c=str。charat(一)；if((c==' ')| |(c=='-'){ if(I ^ 1伦){ if((str。charat(I ^ 1)=)|(str。charat(I ^ 1)='-'))继续；} if(((NumStr！=' ')(iSNA(NumStr))){ if(iSNA(NumStr)){ document。getelementbyid('金额').innerHTML='输入无效金额；返回false} } if(NumStr！=' '){//alert(' I:' I ' NumStr : ' NumStr)；if((ctrl标志==' ')| |(ctrl标志==' x '){ Num=ParseFloat(NumStr)；//alert(ctrl标志“money:‘money’Num:‘Num’)；货币=浮动（货币，Num)；NumStr=num=0；ctrl标志=c；} else{ //alert(money)里面减了NumStr)；num=parseFloat(NumStr)；money=FloatSubtr(money，Num)；NumStr=num=0；ctrl标志=c；} } else { ctrl标志=c；}继续；} else { NumStr=NumStr ' ' c；} } if((NumStr！=' ')(iSNA(NumStr))){ if(iSNA(NumStr)){ document。getelementbyid('金额').innerHTML='无效金额NumStr返回false } } if((ctrl flag=='-')(NumStr！=' ')){ Num=ParseFloat(NumStr)；money=FloatSubtr(money，Num)；} if(((ctrl标志==' ')| |(ctrl标志==' x ')((NumStr！=' '))){ Num=ParseFloat(NumStr)；货币=浮动（货币，Num)；}文档。getelementbyid('金额').innerHTML=货币；}/脚本/床头请输入加减计算式：input id=' buy ' name=' buy ' maxlength=' 30 ' type=' text ' on key up=' JavaScript : result()；span id='amount'/span/body/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。