输入类型=带有最å°å’Œæœ€å¤§çš„文本模å¼æ•°å€¼

时间:2018-07-14 11:19:34

标签: html input pattern-matching

<input type="text" name="someName" id="someId" required pattern=""/>

我严格希望使用具有 min = 0 和 max = 24

的数字模å¼çš„类型文本输入

这个问题在this

上有些é‡å¤

但是它们的最大值是 5000 ,而我的最大值是 24

我ä¸çŸ¥é“如何修改代ç ï¼Œè¿™å°±æ˜¯ä¸ºä»€ä¹ˆæˆ‘å†æ¬¡è¯¢é—®å®ƒã€‚

将输入é™åˆ¶ä¸º5000的代ç 

 <input type="text" name="someName" id="someId" required="required"
 pattern="(5000|([1-4][0-9][0-9][0-9])|([1-9][0-9][0-9])|([1-9][0-9])|[1-9])"/>

如何设置为 24 ?

1 个答案:

答案 0 :(得分:1)

让我解释一下它是如何工作的,以便您下次å¯ä»¥è‡ªå·±åšã€‚å¯èƒ½æœ‰æ›´å¥½çš„方法。我åªæ˜¯æŒ‰ç…§æ‚¨åœ¨è¯´æ˜Žä¸­æ到的示例进行æ“作-

<input type="text" name="someName" id="someId" required="required" pattern="(([1-2][0-4])|([1][5-9])|[0-9])"/>

patternå±žæ€§å°†è¯„ä¼°æ­£åˆ™è¡¨è¾¾å¼ æ¨¡å¼åˆ†ä¸ºä¸‰ä¸ªéƒ¨åˆ†-

(a) [0-9] - this will allow numbers from 0-9

(b) ([1][5-9]) - this will allow numbers from 15 to 19

(c) ([1-2][0-4]) - this will allow numbers from 10 to 14 and 20 to 24