具有最小和最大范围的jquery数字文本框

leo*_*ora 5 jquery textbox numeric

我看到了这个问题,但没有一个解决方案支持最小和最大值范围

如何使用jQuery仅允许HTML输入框中的数字(0-9)?

我看到http://jstepper.emkay.dk/试图这样做,但似乎很麻烦,因为它允许你输入多个小数位和其他字符,如";".

我可以使用这些解决方案中的一种,并且还说,在文本框条目中仅支持最小0和最大100?

EmK*_*Kay 19

我是jStepper的作者,我刚刚更新了插件,以便能够做你喜欢的事情.

所以再试一次,看看它现在是否有效:)


Anu*_*rag 8

HTML5添加此类字段的方式.适用于Chrome和Safari:

<input type="range" min="0" max="100" step="1" />
Run Code Online (Sandbox Code Playgroud)

一个完整的例子:

<input id="picker" type="range" min="0" max="100" step="1" onchange="$('#pickerValue').text(this.value)" />
<div id="pickerValue"></div>
Run Code Online (Sandbox Code Playgroud)

  • 如果您使用箭头图标更改值,则仅根据最小值/最大值验证值。您仍然可以键入最小/最大范围之外的数字。 (2认同)