第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何使用jQuery只允許HTML輸入框中的數(shù)字(0-9)?

如何使用jQuery只允許HTML輸入框中的數(shù)字(0-9)?

猛跑小豬 2019-05-30 16:16:45
如何使用jQuery只允許HTML輸入框中的數(shù)字(0-9)?我正在創(chuàng)建一個(gè)網(wǎng)頁(yè),其中有一個(gè)輸入文本字段,其中只允許(0,1,2,3,4,5…9)0-9這樣的數(shù)字字符。我如何使用jQuery來(lái)完成這個(gè)任務(wù)?
查看完整描述

4 回答

?
海綿寶寶撒

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

下面是我使用的函數(shù):

// Numeric only control handlerjQuery.fn.ForceNumericOnly =function(){
    return this.each(function()
    {
        $(this).keydown(function(e)
        {
            var key = e.charCode || e.keyCode || 0;
            // allow backspace, tab, delete, enter, arrows, numbers and keypad numbers ONLY
            // home, end, period, and numpad decimal
            return (
                key == 8 || 
                key == 9 ||
                key == 13 ||
                key == 46 ||
                key == 110 ||
                key == 190 ||
                (key >= 35 && key <= 40) ||
                (key >= 48 && key <= 57) ||
                (key >= 96 && key <= 105));
        });
    });};

然后,您可以通過(guò)以下操作將其附加到您的控件:

$("#yourTextBoxName").ForceNumericOnly();


查看完整回答
反對(duì) 回復(fù) 2019-05-30
?
夢(mèng)里花落0921

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

您只需使用一個(gè)簡(jiǎn)單的JavaScript正則表達(dá)式來(lái)測(cè)試純數(shù)字字符:

/^[0-9]+$/.test(input);

如果輸入為數(shù)字,則返回true;如果輸入不是,則返回false。

或者對(duì)于事件密鑰,只需在下面簡(jiǎn)單使用:

     // Allow: backspace, delete, tab, escape, enter, ctrl+A and .
    if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
         // Allow: Ctrl+A
        (e.keyCode == 65 && e.ctrlKey === true) || 
         // Allow: home, end, left, right
        (e.keyCode >= 35 && e.keyCode <= 39)) {
             // let it happen, don't do anything
             return;
    }

    var charValue = String.fromCharCode(e.keyCode)
        , valid = /^[0-9]+$/.test(charValue);

    if (!valid) {
        e.preventDefault();
    }


查看完整回答
反對(duì) 回復(fù) 2019-05-30
  • 4 回答
  • 0 關(guān)注
  • 1511 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)