实现实时输出显示用户在文本框输入的内容的小办法教程

2023-06-21 422 0

我们在做表单的时候,通常会使用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>

代码很简单,一看就懂,,不懂的话,会用就好。

相关文章

一个高颜值响应式官网页面
今日文化官网建设与文化类企业网站开发的全面分析
给网页每张幻灯片增加不同的转换效果
为网站添加春节灯笼动态特效(附代码)
网站添加百度地图功能——baidu-map的使用
PHP读取执行后删除数据的小方法

发布评论