Javascript 如何将输入字段值限制为某个数字

我有一个HTML表格，里面有一个列

AcceptedQty

，它是输入字段

总计我有5列

code

，

Item Name

，

unitcode

，

Quantity

和

AcceptedQty

其中两列

Quantity

和

AcceptedQty

具有相同的值，但

AcceptedQty

是输入字段，因此用户可以在其中输入任何数字，我已经创建了type=“number”只输入数字

我想做的事

• 当用户在输入字段中输入任何数字时，不应允许用户在相应数量中输入更大的数字
• 假设for

  code

  1326

  Quantity

  为3，那么在编辑

  AcceptedQty

  时，我想限制用户输入任何大于3的数字
• 在这里，我有一个HTML表和这么多行，这就是为什么很难做到这一点

片段

var tableDataDraft=[{
“代码”：“1326”，
“项目名称”：“菠萝公斤”，
“单位代码”：“编号”，
“数量”：“3.0000”，
“接受数量”：“3.0000”
},
{
“代码”：“1494”，
“项目名称”：“每公斤2D蛋糕费用”，
“单位代码”：“编号”，
“数量”：“3.0000”，
“接受数量”：“3.0000”
}
]
函数addTableDraft（tableDataDraft）{
var col=Object.keys（tableDataDraft[0]）；
var countNum=col.filter（i=>！isNaN（i））.length；
var num=列拼接（0，countNum）；
col=col.concat（num）；
var table=document.createElement（“表”）；
var tr=table.insertRow（-1）；
对于（变量i=0；i1）
tabCell.classList.add（“文本右键”）；
}
}
var divContainer=document.getElementById（“表”）；
divContainer.innerHTML=“”；
divContainer.appendChild（表）；
表.classList.add（“表”）；
table.classList.add（“带条纹的表”）；
table.classList.add（“带边框的表”）；
table.classList.add（“表悬停”）；
}
addTableDraft（tableDataDraft）

我已经将type=“tel”设置为只输入数字

使用

type=“number”

（

“tel”

是一个电话号码）和的

min

和

max

属性（以及反映的属性）（如果不需要小数，则使用

步骤

）。可能还包括一个

input

处理程序，用于处理没有HTML5字段功能的浏览器

请参阅

***

注释行：

var tableDataDraft=[{
“代码”：“1326”，
“项目名称”：“菠萝公斤”，
“单位代码”：“编号”，
“数量”：“3.0000”，
“接受数量”：“3.0000”
},
{
“代码”：“1494”，
“项目名称”：“每公斤2D蛋糕费用”，
“单位代码”：“编号”，
“数量”：“3.0000”，
“接受数量”：“3.0000”
}
]
函数addTableDraft（tableDataDraft）{
var col=Object.keys（tableDataDraft[0]）；
var countNum=col.filter（i=>！isNaN（i））.length；
var num=列拼接（0，countNum）；
col=col.concat（num）；
var table=document.createElement（“表”）；
var tr=table.insertRow（-1）；
对于（变量i=0；i