jquery实时监控文本框输入,案例整理

本文阅读 2 分钟
广告

最近在制作网页的时候碰到一个这样的问题,就是不同货币之前的转换,这个自然涉及到汇率。但是需要做到的一点就是,当用户在文本框输入的时候,要实时的提示转换后的金额。最开始采用了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/
练笔活动:一头猪而引发的故事
« 上一篇 07-29
jquery跨域获取网页源码,实现过程记录
下一篇 » 08-02
广告

发表评论

成为第一个评论的人

作者信息

热门文章

标签TAG

热评文章