Nasıl alabilirim< . em^"" . gerçek <input type="number"> alan değeri?

input bir kutu var, ve daha yeni HTML5 giriş tipi number kullanıyorum:

<input id="edQuantity" type="number">

Bu çoğunlukla Krom 29 desteklenir:

Ben şimdi ne gerek okuma yeteneği< . em^"" . ham değeri, kullanıcının giriş kutusuna girdi. Eğer kullanıcı bir sayı girerse:

edQuantity.value = 4 ve her şey yolunda.

Ama eğer kullanıcı geçersiz metin girerse, renk giriş-box kırmızı: istiyorum

Eğer metin kutusunda değer bir sayı değil ne yazık ki, type="number" giriş kutusu için value boş bir dize döndürür:

edQuantity.value = "" (String);

(Chrome 29 en az)

Nasıl alabilirim< . em^"" . ham <input type="number"> Bir kontrol değeri?

diğer özellikler Krom listesine bakarak giriş kutusunun çalıştım:

gerçek giriş benzer bir şey göremedim.

Ben de kutusunu olmadığını söylemek için bir yol bulmak< . em ^"boş"ya da değil. Belki olayla ilgisi olabilir:

value          isEmpty        Conclusion
=============  =============  ================
"4"            false          valid number
""             true           empty box; not a problem
""             false          invalid text; color it red

Not: Yatay çizgi sonra her şeyi göz ardı edebilirsiniz; sadece dolgu soru haklı. Ayrıca: şaşırtmak soru örneği yok. İnsanlar nedenlerle bu sorunun cevabını isteyebilirsinizdiğerdaha kutusu kırmızı (örnek: metin Latince'ye "four" onBlur olay sırasında "4" sembol) dönüştürme boyama

Nasıl alabilirim< . em^"" . ham <input type="number"> bir kontrol değeri?

Bonus Okuma

• jsFiddle of all of the above (güncellendi)
• Quirkmode.org entry for the new input types

WHATWG göre geçerli bir sayısal giriş olmadığı sürece değeri elde etmek mümkün değil. Giriş numarası alan temizleme algoritması tarayıcı eğer giriş geçerli bir kayan nokta sayı değil ama boş bir dize değerini ayarlamak gerekiyor diyor.

value Eğer value sanitization algorithm aşağıdaki gibidir: elemanı valid floating-point number, sonra boşaltmak için ayarlanmış bir değil dize yerine.

Türü (<input type="number">) belirterek tarayıcısı için bazı işler yapmak istiyorsunuz. Eğer, diğer taraftan, hoşuna gider yakalamak mümkün olmayan bir sayısal giriş ve bir şey ile, daha iyi mi olurdu güvenmek eski denenmiş ve gerçek metin giriş alanı ve ayrıştırma içerik kendini.

W3 de aynı işlevi görür ve ekler:

Kullanıcı arayüzleri kullanıcı boş olmayan bir değer ayarlamak için izin vermemeliyiz dize kayan nokta geçerli bir sayı değil.