2016-05-16 72 views
0

我想設置一些數字到<input type="number">像22,33,44,但在submited我的表單後,值到我的輸入標記是「」,如果我只設置了兩個數字,它就像「22.33」一樣工作,但有3個數字,驗證不通過。我如何設置3個或更多數字並通過驗證?不能設置幾個數字到<input type =「number」>

+1

'type =「number」'表示您只能輸入**一個**實際編號 –

+0

如何設置輸入的少數數字?它仍然需要數字輸入。 –

回答

1

改爲使用<input type="text" pattern="(\d+)(,\s*\d+)*" />

+0

可以工作,但請記住'^'和'$'隱含在模式 –

+0

噢,是的。我會改變這一點。 – shilch

0

問題是逗號','你有。輸入類型'數字'只佔用數字,用逗號無效,刪除逗號並且應該起作用

+0

如果我刪除逗號,它將只有一個數字,不是嗎? –

+0

是的,你應該採取輸入類型'文本'和解析數字的方法。但我只是爲了更好的可用性而使用多個輸入 –

0

進入<input type="number">你只能輸入一個數字,「22.33」仍然是一個數字,但它是小數,而不是一個數字,這是正確的。

如果要插入用逗號(,)分隔的多個數字,則必須使用<input type="text">,然後解析輸入內容。

+0

是的,這將是個好主意,但我不能使用「文本」類型,它的條件爲這個輸入。 –

0

您需要使用類型文本並使用正則表達式或字符串操作來執行驗證。 輸入類型=數字用於設置唯一的值,如22或33或44,但不能組合,即「22,33,44」。

+0

所以這是使用「文本」類型的唯一方法?不幸的是我不能使用這種類型,它的條件爲這個輸入。 –

+0

不,這是不可能的,你需要改變類型爲文本和使用模式(猜測不支持IE9)執行驗證,否則JS函數驗證像做字符串。操作 – Bkjain655

相關問題