2012-12-19 83 views

回答

10

IE不支持input type =「number」,但可以使用polyfill使其工作。

下面是解:http://html5please.com/#number

+0

謝謝,我猜想polyfill的東西壞了(我沒有寫,只是調試),因爲它工作。乾杯。 –

+3

IE 10 *不支持數字輸入類型,它只是不能很好地呈現它。你不是在尋找一個polyfill,而是一個完全成熟的微調控制器。 – scravy

+3

@scravy這是一個輕描淡寫。它甚至在沒有告訴用戶發生了什麼事情的情況下清除非數字值。 – OdraEncoded

7

IE10沒有Number支持。來源:Can I use ... yet?

剛剛在我們的Windows 8測試機器上驗證,在IE10的測試驅動器網站上沒有數字微調器。

+0

IE 10部分支持號碼輸入。在放置任何非數字值時,它只會清除輸入字段(支持),但從不顯示微調(不受支持)。 –

+0

在谷歌瀏覽器中,我們不能將任何非數字的字段放入字段中。在IE和MS Edge中,將字母字符放在字段中,將丟失的焦點上的字段重置爲0,並以紅色突出顯示該字段。這不是一個理想的行爲,它應該是固定的。 – Naomi

16

的Internet Explorer 10支持數量的輸入。這從粗略檢查their documentation以及嘗試在瀏覽器中使用它是明顯的。例如,試圖在數字輸入中放置一個字母將導致該值在控件失去焦點時被清除。

你也可以擁有,檢測通過編程做上述試驗數支持:

// Create the element 
var element = document.createElement("input"); 

// Give it the number property and invalid contents 
element.type = "number"; 
element.value = "qwerty"; 

// Value should be empty 
alert(element.value ? "Not Supported" : "Supported"); 

運行這個測試:http://jsfiddle.net/VAZwT/

這很可能是你正在逐步等同增強UI (紡紗廠)支持控制本身。我已經看到這已經讓一些人感到困惑。 一些瀏覽器增加了額外的控件補充數字輸入,但這不是(據我所知)的支持需求。

minmaxstep一些簡單的測試上的jsfiddle:http://jsfiddle.net/sDVK4/show/

4

微軟驗證錯誤/錯誤仍與輸入類型=數字,這是IE11爲好。

https://connect.microsoft.com/IE/feedback/details/850187/html5-constraint-validation-is-broken-in-ie11-for-input-type-number

正當我開始再次如Internet Explorer ...希望他們能在IE12解決這個問題,十指交叉

+0

他們在最新的Edge版本中將其標記爲已解決。 – Knightsy

+0

我甚至無法從MS Edge複製版本信息,並且花了一些時間才找到版本(它是25.10586)。在任何情況下,輸入類型=「數字」不會阻止我輸入任何字母。如果字母輸入並離開字段,它將顯示0而不是之前的值。我寧願不讓我輸入字母。 – Naomi

相關問題