Question

我正在尝试在输入框大于第二个框时发出警告，例如：

<td align="center"> <input type='text' name='cantidad{{=i+1}}' id='cantidad' value='{{=(x.cantidad)}}' size='3' readonly="readonly"  /></td>

<td align="center"> <input type='text' name='desp{{=i+1}}' id='desp' value='' size='3' required='required' placeholder='Numero' onBlur="return validar(event)"/></td>

我有x组输入框，其中，我需要的最后两个输入框检查第二个输入框不能大于第一个。然后我无法弄清楚如何捕获表中的这些值可以是x的集合

{{}}代码是Python Embedded。

编辑：每行有12个输入框编辑：我需要id ='desp'的输入不能大于每行输入id ='cantidad'的输入

Answer 1

你可以尝试给出类似这样的ID： -

if(document.getElementById("first").value == document.getElementById("second").value){
//they are the same, do stuff for the same
}else if(document.getElementById("first").value >= document.getElementById("second").value
//first is more than second
}

或者您可以在JSFiddle

中执行此类操作

Answer 2

如果你在最后一个文本框中添加一个css类，比如我们称之为“textbox-last”，那么你可以使用jQuery将一个函数绑定到blur事件，如下所示：

$('#yourtable').on('blur', '.textbox-last', function() {

    var td = $(this).parent();
    var prevTextboxValue = td.prev().find('input').val();

    ...

});

这可以获得上一个文本框中包含该类的任何文本框的值。然后在此之后添加您想要实现的逻辑。

如何比较输入框变量表中的两个输入框？

2 个答案: