js實現在文本框輸入一個百分數,另一個數跟着動態變化(只允許輸入0-100的整數)【支持IE瀏覽器】

1.html部分

<tr>
            <td>輸入分成比例:</td>
            <td style="position:relative;">
                <input id="scaleNum" style="width:200px;" type="text" placeholder="請輸入該遊戲給予渠道的分成比例" />
                <span style="position:absolute;right:2px;top:0;">%</span>
            </td>
        </tr>
        <tr>
            <td>實際結算金額:</td>
            <td>
                <span id="realNum">0</span>&nbsp;&nbsp;元人民幣
            </td>
        </tr>

2.js部分

<!--輸入分成比例實際結算金額動態變化-->
<script type="text/javascript">
    function handle() { 
    var a=document.getElementById('totalNum').innerHTML;
    var b=document.getElementById('scaleNum').value;
    var c=a*b*0.01;   
    
    var reg = new RegExp("^(\\d|[1-9]\\d|100)$");  //正則表達式判斷是不是0-100的整數
    if(!reg.test(b)) {  
           alert("請輸入0-100的整數!"); 
           document.getElementById('scaleNum').value="";
           document.getElementById('realNum').innerHTML=0;
           return false; 
    }  
    document.getElementById('realNum').innerHTML=c;
    } 
    if(/msie/i.test(navigator.userAgent)) //ie瀏覽器 
    { 
    document.getElementById('scaleNum').onpropertychange = handle; 
    } 
    else 
    {//非ie瀏覽器,比如Firefox 
    document.getElementById('scaleNum').addEventListener("input", handle, false); 
    //document.getElementById('scaleNum').watch('a', fn); 
    } 
</script>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章