JavaScript：表单中金额输入的限制，实现了千分位，只输入正数，输入字符不正确时自动清除重新输入

最新推荐文章于 2025-04-18 11:00:08 发布

原创

最新推荐文章于 2025-04-18 11:00:08 发布 · 618 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

这篇博客介绍了如何在前端实现表单中金额输入的限制，包括千分位格式、只允许输入正数以及错误输入时自动清除的功能。通过JavaScript函数`numFormat`、`toFormatAmount`和`clearNoNum`，确保用户输入符合规范，提供良好的用户体验。

表单中金额输入的限制，实现了千分位，只输入正数，输入字符不正确时自动清除重新输入

<td height="30" align="center" nowrap="nowrap"><font style="color:red;">金额(元)：</font></td>
<td align="left" >
	<input name="moneyAmount" id="moneyAmount" elementname="金额(元)"
	th:value="${formData?.money_amount==null}?'':${formData.money_amount}"
	<!--引用JS函数-->
	οnkeyup="clearNoNum(this)" οnchange="toFormatAmount(this)"
	class="scinput" type="text" required="required" style="width:250px;">
</td>

JavaScript部分：

<!--设置金额规则-->
<script>
    /**
     * 字符串非空判断
     */
    function isNullOrWhiteSpace(str) {
   
   
        if (str == null) {
   
   
            return true;
        }
        if (typeof (str) == "undefined") {
   
   
            return