我们在做表单的时候,通常会使用jQuery的表单验证功能。但是如果只是很简单的表单验证输出预览的话,我们可以使用原生js来解决这个问题。这次云落就遇到这个问题,所以在这里记录一下。
<input type="number" placeholder="请输入充值的RMB金额" name="pay_number" id="pay_number" onkeyup="javascript:senddata(this);"/> 元 <span id="outdiv"></span>
//下方为js代码,上方为HTML构造
<script type="text/javascript">
function senddata(inputobj) {
var obj;
obj = document.getElementById("outdiv");
obj.innerHTML = '您将充值<strong><em><span style="color:#E53333;font-size:16px;">' + inputobj.value * 10 + '</span></em></strong>金币';
}
</script>
代码很简单,一看就懂,,不懂的话,会用就好。