主頁(yè) > 知識(shí)庫(kù) > 在HTML中限制input 輸入框只能輸入純數(shù)字的實(shí)現(xiàn)

在HTML中限制input 輸入框只能輸入純數(shù)字的實(shí)現(xiàn)

熱門標(biāo)簽:智能電銷機(jī)器人廣告語 電銷外呼線路改不外呼線路 電話機(jī)器人批發(fā) crm外呼系統(tǒng)好不好 強(qiáng)訊外呼系統(tǒng) 重慶人工智能電銷機(jī)器人報(bào)價(jià) 愛巢地圖標(biāo)注 長(zhǎng)春極信防封電銷卡公司 貴陽(yáng)ai外呼系統(tǒng)

限制 input 輸入框只能輸入純數(shù)字

1、onkeyup = "value=value.replace(/[^\d]/g,'')"

使用 onkeyup 事件,有 bug ,那就是在中文輸入法狀態(tài)下,輸入漢字之后直接回車,會(huì)直接輸入字母

2、onchange = "value=value.replace(/[^\d]/g,'')"

使用 onchange 事件,在輸入內(nèi)容后,只有 input 喪失焦點(diǎn)時(shí)才會(huì)得到結(jié)果,并不能在輸入時(shí)就做出響應(yīng)

3、oninput = "value=value.replace(/[^\d]/g,'')"

使用 oninput 事件,完美的解決了以上兩種問題,測(cè)試暫時(shí)還沒有出現(xiàn)其它問題。

代碼示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>input</title>
</head>
<body>
    只能輸入純數(shù)字的輸入框:<input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')">
</body>
</html>

到此這篇關(guān)于在HTML中限制input 輸入框只能輸入純數(shù)字的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)html限制input輸入數(shù)字內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!

標(biāo)簽:清遠(yuǎn) 山南 廣安 內(nèi)蒙古 陜西 吳忠 保定 上海

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《在HTML中限制input 輸入框只能輸入純數(shù)字的實(shí)現(xiàn)》,本文關(guān)鍵詞  在,HTML,中,限制,input,輸入,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《在HTML中限制input 輸入框只能輸入純數(shù)字的實(shí)現(xiàn)》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于在HTML中限制input 輸入框只能輸入純數(shù)字的實(shí)現(xiàn)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章