HTML用户输入1到100,使用HTML将输入限制为0-100值(Limit input to 0-100 value with HTML)

使用HTML将输入限制为0-100值(Limit input to 0-100 value with HTML)

我想知道是否还有使用HTML5限制input元素的值？

/valid

/invalid

我不是在这里修复JS。

I wonder if there is anyway to put a limit on an input element's value with HTML5?

/valid

/invalid

I'm not after JS fixes here.

原文：https://stackoverflow.com/questions/30599442

更新时间：2020-02-25 09:06

最满意答案

使用min和max属性：

Use the min and max attributes:

相关问答

试图预测产生的价值会比你想象的更难。 请记住，用户可能正在按退格键，或者光标可能不在字段的末尾，或者用户可能选择了部分值，要在下一次按键时替换，依此类推。 也可以通过鼠标操作来操作文本字段，你将无法说出来。 传统方法是将验证放在'keyup'事件而不是'keypress'上。 然后，您将获得该字段的完整更改后值。 您没有机会拒绝按键，但您可以将字段重置为最后已知的良好值。 但无论哪种方式，最好不要试图过于严格地限制输入，因为这会使输入非常困难。 例如，“12.”是您可能想要拒绝的无效数字...但如

...

您可以使用以下模式匹配0到100之间的数字， ^(?:100|[1-9]?[0-9])$

DEMO 说明： ^断言我们刚开始。 (?:)仅进行匹配操作的非捕获组。 100匹配字符串100。 | 逻辑OR运算符用于OR两个正则表达式。 [1-9]? 匹配范围1到9中的任何一个数字之一? 在字符类使它成为可选之后。 [0-9]匹配0到9范围内的任何一个数字。 $断言我们在行尾。 You could use the below pattern to match the digits from 0 to

...

这是你想要的： function test_perc

figh = figure();

% create a text control that will display the 0 - 100 text

texth = uicontrol('Style', 'text', 'Units', 'normalized', ...

'Position', [0.1, 0.1, 0.8, 0.8], 'FontSize', 56, ...

'String', '0');

% set a

...

你可以使用jquery.inputmask.regex.extensions.js 。 你可以在这个链接上找到所有分机的原始js。 有关正则表达式扩展(以及所有其他扩展)的github部分可以在jquery.inputmask＃regex-extensions中找到 。 当你有扩展名时，你可以简单地使用下面的正则表达式： ^[1-9][0-9]?$|^100$

这匹配1或2位数字和数字100。 然后，您只需将它作为正常传递给inputmask插件即可： HTML Test:

...

由于您的案例使用条件，您可能希望打开TRUE ： function userLevel($points){

switch (true) {

case ($points>=0 && $points<100):

return 1; // Level 1

break;

case ($points>=100 && $points <200):

return 2; // Level 2

...

您可以添加onchange方法。

在该changeHandler函数中，您检查输入的值，如果它更高，则将其设置为100：

function changeHandler(val)

{

if (Number(val.value) > 100)

{

val.value = 100

...

在 http://html.multipixels.net/moodie/js/custom.js

您正在运行该功能 jQuery("body").queryLoader2({

上 jQuery(document).ready

这意味着上面的函数只有在整个页面及其元素都已加载时才会运行，如果你希望尽快运行它而不等待整个页面加载，那么无条件地运行它，如下所示。 jQuery("body").queryLoader2({

barColor: "#3899b5",

backgrou

...

使用min和max属性：

Use the min and max attributes:

这是一个愚蠢的想法，但思考起来很有趣。 给定'完成'x在0和1之间的值，'Pareto-done'y的公式为 y = 20％^(log(x)/ log(80％)) 所以在你的例子中，x = 70％完成得到y = 7.6％Pareto-done。 This is a silly idea but it's fun to think about. Given a value of 'done' x between 0 and 1, the formula for 'Pareto-done' y is

...