SORU
22 Ocak 2009, PERŞEMBE


HTML Metin Girişi Sayısal giriş izin

Yalnızca sayısal tuş vuruşlarını izin vermek için HTML metin girişi (<input type=text />) ayarlamak için herhangi bir hızlı yolu ( ' .')? artı

CEVAP
22 Ocak 2009, PERŞEMBE


HTML 5 (JavaScript gerektirmez, ama eski tarayıcılarda çalışmayabilir)

<input type="number">

input type=number eylem HTML5 sürümünü görmeye çalışın.

JavaScript () sert ve hazır

<input type="text" onkeypress='return event.charCode >= 48 && event.charCode <= 57'></input>

bir WordPress kullanmak

$(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
            (e.keyCode == 65 && e.ctrlKey === true) ||
             // Allow: Ctrl C
            (e.keyCode == 67 && e.ctrlKey === true) ||
             // Allow: Ctrl X
            (e.keyCode == 88 && e.ctrlKey === true) ||
             // Allow: home, end, left, right
            (e.keyCode >= 35 && e.keyCode <= 39)) {
                 // 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();
        }
    });
});

Daha karmaşık doğrulama seçenekleri

Eğer başka bir doğrulama bit ve parçaları yapmak istiyorsanız, bu kullanışlı olabilir:

http://www.javascript-coder.com/html-form/javascript-form-validation.phtml

Ama yine de unutmagerekirsunucu tarafında doğrulama yapmak!

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • David Tedeyev

    David Tedeye

    20 AĞUSTOS 2011
  • Official Clouds

    Official Clo

    1 HAZİRAN 2011
  • Plugable

    Plugable

    19 Mayıs 2010