如何在JavaScript中将用户输入限制在0到99之间

如何在JavaScript中将用户输入限制在0到99之间,javascript,html,reactjs,ecmascript-6,Javascript,Html,Reactjs,Ecmascript 6,我想实现用户输入限制,我真的很努力,但没有找到任何解决方案来解决这个问题。有人能帮助我如何限制用户输入0到99之间的值吗 谢谢 <input type="number" placeholder="Enter value" onChange={(e)=>this.handleValue(e.target.value)}/> handleValue = value=> { Math.min(100, Math.max(99, v

我想实现用户输入限制,我真的很努力,但没有找到任何解决方案来解决这个问题。有人能帮助我如何限制用户输入0到99之间的值吗

谢谢

<input type="number" placeholder="Enter value" onChange={(e)=>this.handleValue(e.target.value)}/>

handleValue = value=> {
   Math.min(100, Math.max(99, value))
}
this.handleValue(e.target.value)}/>
handleValue=值=>{
数学最小值(100,数学最大值(99,值))
}

如果希望阻止高于或低于的输入,则需要阻止事件触发

const handleValue=(事件)=>{
常量值=event.target.value;
如果(值>99 | |值<0){
event.preventDefault();
返回;
}
}

如果希望阻止高于或低于的输入,则需要阻止事件触发

const handleValue=(事件)=>{
常量值=event.target.value;
如果(值>99 | |值<0){
event.preventDefault();
返回;
}
}
HTML5拯救:

<input type="number" min="0" max="99">

  • 元素会自动使任何条目无效 这不是一个数字(或为空,除非指定了required)
  • 你可以 使用required属性使空条目无效。(其他 文字,必须填写输入。)
  • 可以使用步骤属性 将有效值约束到一组特定的步骤(例如,倍数 (第10页)
  • 可以使用“最小值”和“最大值”属性约束有效值 将值设置为下限和上限


选择一个介于0和99之间的数字:
HTML5拯救:

<input type="number" min="0" max="99">

  • 元素会自动使任何条目无效 这不是一个数字(或为空,除非指定了required)
  • 你可以 使用required属性使空条目无效。(其他 文字,必须填写输入。)
  • 可以使用步骤属性 将有效值约束到一组特定的步骤(例如,倍数 (第10页)
  • 可以使用“最小值”和“最大值”属性约束有效值 将值设置为下限和上限


选择一个介于0和99之间的数字:

Math.min/Math.max只返回参数的最小值/最大值。Math.min/Math.max只返回参数的最小值/最大值。无可否认,OP确实指定使用javascript…这不会阻止用户输入超出范围的数字,也不会阻止他们在没有javascript的情况下提交表单。一个完整的答案应该是演示或者至少指向使者。输入一个超出范围的数字,然后查看提交是否有效。(添加JS只是为了阻止表单消失)。@VLAZ哦,我的错误!感谢您的更正。无可否认,OP确实指定使用javascript…这不会阻止用户输入超出范围的数字,也不会阻止他们在没有javascript的情况下提交表单。一个完整的答案应该是演示或者至少指向使者。输入一个超出范围的数字,然后查看提交是否有效。(添加JS只是为了阻止表单消失)。@VLAZ哦,我的错误!谢谢你的更正。