js校验输入金额提示onblur、onkeyup

最新推荐文章于 2022-05-09 17:58:30 发布

一年后的西瓜-

最新推荐文章于 2022-05-09 17:58:30 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/Liutt55/article/details/53446345

本文介绍了一个使用jQuery实现的金额换算功能，该功能包括输入验证和将特定单位（象数）转换为人民币的过程。文章详细展示了如何通过JavaScript代码确保用户输入的是合法数值，并在符合规定的情况下进行正确的金额换算。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function transRealMoney() {
   var money = $("#money").val();
   if (jQuery.trim(money).length==0||
           jQuery.trim(money)=='0') {
       $("#msg").text("请输入充值象数");
       $("#real").text("0");
       $("#ts1").css("display","none");
       $("#ts2").text("0");
       $("#ts3").css("display","none");
   } else {
       if (isNaN(money)) {
           $("#msg").text("请输入数字");
           $("#real").text("0");
           $("#ts1").css("display","none");
           $("#ts2").text("0");
           $("#ts3").css("display","none");
       } else {
           if (jQuery.trim(money).indexOf('-')!=-1||
               jQuery.trim(money).indexOf('+')!=-1||
               jQuery.trim(money).indexOf('.')!=-1) {
               $("#msg").text("请输入有效的充值象数");
               $("#real").text("0");
               $("#ts1").css("display","none");
               $("#ts2").text("0");
               $("#ts3").css("display","none");
           } else {
               $("#real").text(money);
               if(parseInt(money)<10){
                   $("#real").text("0");
                   $("#msg").text("单笔换算金额不能小于1元");
                   $("#ts1").css("display","none");
                   $("#ts2").text("0");
                   $("#ts3").css("display","none");
               }else if (parseInt(money)>=100000) {
                   $("#real").text("0");
                   $("#msg").text("单笔换算金额不超过1万元");
                   $("#ts1").css("display","none");
                   $("#ts2").text("0");
                   $("#ts3").css("display","none");
               } else {
                   $("#msg").text("");
                   $("#ts1").css("display","block");
                   //$("#ts2").css("display","block");
                   $("#ts2").text(parseInt(money)/10);
                   $("#ts3").css("display","block");
               }
           }
       }
   }

}

                <p class="pay-bank clearfix">
                    <input type="text" class="border-input pay-input" placeholder="请输入整数" name="money" id="money" value="" onkeyup="transRealMoney();" onblur="transRealMoney();">
                    <span class="pay-money">
                        <span>换算人民币 <i id="ts2">0 </i>元</span>
                        10 象数= 人民币1 元
                    </span>
                    <span id="msg" style=" color:red;float:left"></span>
                </p>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。