整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
用原生js将用户在文本框里面输入的内容失实的输出预览出来。
前言
我们在做表单的时候，通常会使用jQuery的表单验证功能。但是如果只是很简单的表单验证输出预览的话，我们可以使用原生js来解决这个问题。这次云落就遇到这个问题，所以在这里记录一下。
情况介绍
这几天云落在做一个积分充值的东西，其中遇到了一个需求，就是将用户在文本框里面输入的内容实时的显示出来。当然我们还可以对这个内容进行进一步的计算。比如我们可以将用户输入的内容实时的以十倍的计算结果输出来。原来我百度了一下，发现有很好的解决办法。使用原生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>代码很简单，一看就懂，，不懂的话，会用就好。
演示
图片演示
后语这几天在做一个积分的玩意，就是付费可见，在线充值的玩意，不是什么高大上的功能，地址可以去看下：http://googlo.me/chongzhi.html
题图来自unsplash
SS动画提示框，可以用在用户输入信息时候的提醒功能上
如下：
实现代码
html：
css:
日常开发中，为了方便数据的输入和输出，JavaScript提供了一些常用的输入输出语句，具体如表1-3所示。
表1常用的输入输出语句
类型 | 语句 | 说明 |
输入 | prompt() | 用于在浏览器中弹出输入框，用户可以输入内容 |
输出 | alert() | 用于在浏览器中弹出警告框 |
document.write() | 用于在网页中输出内容 | |
console.log() | 用于在控制台中输出信息 |
接下来将分别演示document.write0、console.log0和promptO的使用。
1. document.write()
document.write0的输出内容中如果含有HTML标签，会被浏览器解析。下面利用documenL.write0在页面中输出“我是document.write0语句!”，示例代码如下。
document.write('我是document.write()语句！');2. console.log()
利用console.log0语句在控制台输出“我是console.log0语句!”，示例代码如下。
console.log('我是console.log()语句!');console:.log0的输出结果需要在浏览器的控制台中查看。在Chrome 浏览器中按“F12”键(或在网页空白区域右击，在弹出的菜单中选择“检查”)启动开发者工具，然后切换到“Console”(控制台)面板，即可看到console.log0的输出结果。
3.prompt()
利用prompt0语句实现在页面中弹出一个带有提示信息的输入框，示例代码如下。
prompt(请输入姓名：');上述示例代码运行后，将在页面中弹出一个输人框并提示用户“请输人姓名：”提示框。
*请认真填写需求信息，我们会在24小时内与您取得联系。
