最近在制作网页的时候碰到一个这样的问题,就是不同货币之前的转换,这个自然涉及到汇率。但是需要做到的一点就是,当用户在文本框输入的时候,要实时的提示转换后的金额。最开始采用了keydown方法,发现不是太好,毕竟这个是要实时监控的,后来网上查询一番之后,最终找到了方法,然后也发现这类实时监控可以用在很多地方,比如字数统计,用户密码验证等等,所以特此记录。
js代码,需要引入jquery:
<script type="text/javascript">
$(document).ready(function () { //网页加载完成后运行js
$('#amount').bind('input propertychange', function () { //实时监控的方法
var a = $("#amount").val(); //读取文本框输入的值
var c = a / 100 * 11; //汇率计算
if ((a == "" || isNaN(a)|| a>0)) { //对读取值的筛选拦截
$("#Wallet").text("Input data is incorrect, please re-enter!");
} else {
$("#Wallet").text(c); //显示计算后的金额
}
});
});
</script>
html主要代码:
<input class="InputText" maxlength="8" name="amount" id="amount"/>
<label id="Wallet" title="" style="color:red;" ></label>
以上代码的关键就在这一句,实现了实时的监控,至于监控后的处理,就写在其中:
$('#amount').bind('input propertychange', function () {
});
本文来自投稿,不代表本站立场,如若转载,请注明出处:https://www.ruletree.club/archives/801/