文本框输入一个数字,自动乘以指定一个数值,并即时显示结果

我需要在html页面,有一个文本框,文本框可填写任意数字,但不能含有小数点、中文或字母,在文本框旁边可以即时计算出填写数字乘以10之后的结果。
示例:

图片说明

请各位大神提供最简单的方式,可以用JS,不要用jQuery。
谢谢!

2个回答

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <form action="" oninput="x.value='将会获得'+parseInt(a.value)*10+'积分'">
            <p>
                充值金额:
                <input type="number" id="a" min="0">
                <output name="x" for="a"></output>
            </p>
        </form>
    </body>
</html>

weixin_46585523
淘汰郎是我 谢谢你!
4 个月之前 回复
充值<input id = "txt" type="text" onchange="Chg"></input>元,将会获得
<p id="msg"></p>
<script type="text/javascript">
function Chg()
{
document.getElementById("msg").InnerHTML = (parseInt(document.getElementById("txt").value) * 10)+ "积分";
}
</script>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问