SORU
15 HAZİRAN 2009, PAZARTESİ


Nasıl sadece sayısal (0-9) HTML ınputbox jQuery kullanarak izin vermek için?

Olduğu gibi yalnızca sayısal karakterler(0,1,2,3,4,5...9) 0-9 izin vermek istiyorum bir giriş metin alanı var burada, bir web sayfası yaratıyorum.

Nasıl jQuery kullanarak yapabilirim?

CEVAP
15 HAZİRAN 2009, PAZARTESİ


plug-in (TexoTela jQuery numeric) şuna bir bakın. This (jStepper) başka biri.

This eğer kendiniz inşa etmek isterseniz bir bağlantıdır.

$(document).ready(function() {
    $("#txtboxToFilter").keydown(function (e) {
        // Allow: backspace, delete, tab, escape, enter and .
        if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
             // Allow: Ctrl A, Command A
            (e.keyCode == 65 && ( e.ctrlKey === true || e.metaKey === true ) ) || 
             // Allow: home, end, left, right, down, up
            (e.keyCode >= 35 && e.keyCode <= 40)) {
                 // let it happen, don't do anything
                 return;
        }
        // Ensure that it is a number and stop the keypress
        if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
            e.preventDefault();
        }
    });
});

Eğer web sayfası HTML5, <input type="number"> dahili kullanım min max özellikleri minimum kontrol etmek için kullanabilirsiniz ve maksimum değeri kullanır. NOT:


Aşağıdaki küçültülmüş ve aynı zamanda kullanmak için izin verirX CTRL,C CTRLveCTRL v

$(function() {
  $('#staticParent').on('keydown', '#child', function(e){-1!==$.inArray(e.keyCode,[46,8,9,27,13,110,190])||/65|67|86|88/.test(e.keyCode)&&(!0===e.ctrlKey||!0===e.metaKey)||35<=e.keyCode&&40>=e.keyCode||(e.shiftKey||48>e.keyCode||57<e.keyCode)&&(96>e.keyCode||105<e.keyCode)&&e.preventDefault()});
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="staticParent">
	<input id="child" type="textarea" />
</div>

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • DJAndrewRyan

    DJAndrewRyan

    22 Ocak 2007
  • RomanAtwood

    RomanAtwood

    18 Kasım 2009
  • theatre2film

    theatre2film

    12 NİSAN 2006