DZone>Web Dev Zone>Amount Validator JS [片段]...
金额验证器JS[片段]
我决定写一个JavaScript，里面有基本的金额验证和自动格式。我试图让它变得如此简单，以便其他开发者可以轻松实现。
通过
-
Sep. 02, 21 - Web Dev Zone -Code Snippet
喜欢 (2)
评论
保存
鸣叫
7.38K浏览次数
加入DZone社区，获得完整的会员体验。
我在金融科技项目上工作了很长时间。在与商业人士合作的过程中，我意识到他们希望以适当的商业格式看到财务项目。其中一个最常见的要求是，他们希望以商业格式输入金额（如只允许两个小数点的逗号分隔的金额字段，等等）。
我在互联网上搜索了很多，但没有任何完整的文章或指南来验证和正确输入金额字段，财务客户总是希望以一种用户可以感觉到他/她正在输入/输入一个金额，而不是一个数字或其他东西的方式来输入/键入金额字段。
在意识到这一点后，我决定写一个JavaScript，其中有基本的金额验证和自动格式。我试图让它变得如此简单，以便其他开发者只需遵循几个步骤就能在他们的项目中轻松实现。
它在网页浏览器上正常/完美地工作，但在移动浏览器上有一些问题。
这里是演示的URL：https://nubnasir.github.io/amount-input-field-js/。
当你输入你的金额时，它就开始把你的价值转换为即时金额。
你也可以复制粘贴任何文本，将其转换为金额。例如，如果你复制和粘贴像 "200美元 300美元 ext "的东西。这将改变为 "200,300"。
有两种方法来实现这一点。
方法1 (使用amount 类)
**第1步：**下载 amount-2.0.min.js -点击这里下载。
**第2步：**在页面的末尾添加amount-2.0.min.js 。
JavaScript
<script type="text/javascript" src="amount-2.0.min.js"></script>
第**3步：**在金额输入栏中添加amount 类。
方法2 (使用your_custom_class_name)
**第1步：**下载 amount-2.0.min.js -点击这里下载。
**第2步：**在页面标签处添加amount-2.0.min.js 。
JavaScript
<head>
<script type="text/javascript" src="amount-2.0.min.js"></script>
<head>
第**3步：**在你的输入字段your_custom_class_name ，添加一个自定义类。在页面的最后，使用函数apply_amount ，并传递给your_custom_class_name 。
JavaScript
<script type="text/javascript">
apply_amount('your_custom_class_name');
</script>
主题。
javascipt, 金融技术, webdev, 代码片段, 验证
DZone贡献者所表达的观点属于他们自己。
在DZone上受欢迎
评论
