javascript - 使用InputMask html(jqueryl或js)强制html输入中的小数？

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

要求提供代码的问题必须表现出对所解决问题的最低限度的了解。包括尝试的解决方案、为什么它们不起作用以及预期结果。另请参阅:Stack Overflow question checklist

已关闭 9 年前。

Improve this question

我想强制我的html输入显示以下内容:最大14个尾数(从1到14)和有效的三位小数点，如果用户在采用默认000后没有指定点的值示例:输入 5 显示 5.000输入 5.2 显示 5.200输入22222显示22222.000显示。请帮忙

Answer 1

使用.indexOf检查.字符。确保它存在并检查其索引后面的子字符串的长度。如果小于 3，请添加一些零。

HTML

<input type="text" id="input" maxlength="14" value="" />

JavaScript

/* Select the desired input, and add an onChange event listener */
document.querySelector('#input').onchange = function () {
    /* if the user didn't add a dot, we add one with 3 zeros */
    if (this.value.indexOf('.') == -1) this.value += '.000';

    /* Otherwise, we check how many numbers there are after the dot
       and make sure there's at least 3*/
    if (this.value.substring(this.value.indexOf('.') + 1).length < 3)
        while (this.value.substring(this.value.indexOf('.') + 1).length < 3)
            this.value += '0';
};

Live Demo