首頁(yè) 猿問(wèn) 如何禁止input輸入不正確的內(nèi)容

如何禁止input輸入不正確的內(nèi)容

JavaScript

FFIVE 2018-08-02 18:55:36

問(wèn)題：input框中加入輸入規(guī)則，如 e.detail.value = e.detail.value.replace(/\.{2,}/g, ".") e.detail.value = e.detail.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')但是這種用replace的效果不好，因?yàn)槭堑鹊接脩?hù)輸入后再進(jìn)行判斷，能否實(shí)現(xiàn)當(dāng)用戶(hù)輸入當(dāng)時(shí)候，如果輸入的不對(duì)，就不讓用戶(hù)輸入了，就不會(huì)有之前閃爍的感覺(jué)

查看完整描述

3 回答

POPMUISE

TA貢獻(xiàn)1765條經(jīng)驗(yàn) 獲得超5個(gè)贊

test.onkeypress = function (e) {
    const newString = this.value + String.fromCharCode(e.keyCode);    function testSomething(newString, keyCode) {        // 在這里對(duì)輸入的字符或者輸入框中的內(nèi)容進(jìn)行判斷
        return keyCode > 100;
    }    if (testSomething(newString, e.keyCode)) {        return true;
    }    return false;
}

反對(duì) 回復(fù) 2018-08-04

LEATH

TA貢獻(xiàn)1936條經(jīng)驗(yàn) 獲得超7個(gè)贊

你的思路有一點(diǎn)問(wèn)題，你怎么知道用戶(hù)輸入會(huì)是什么，如果不等用戶(hù)輸入了，拿什么來(lái)判斷？
所以必須是有用戶(hù)輸入了，結(jié)果不符合要求進(jìn)行處理（比如這里刪除掉2個(gè)以上的點(diǎn)）。
后面是保留2位小數(shù)。

反對(duì) 回復(fù) 2018-08-04