Question

我有一张输入表。我想比较每一行并显示一条消息。对于消息，我们可以使用Bootstrap：

foreach..

<td>
  <input type="hidden" value="<?php echo $real_price ?>" id="real_price">
  <input type="text" value="<?php echo $price; ?>" id="price">
</td>

..endforeach

我想将这些值与jQuery进行比较。

例如： if price < real_price - i有一条弹出消息“你不能设定比实际价格更小的价格”。也许一个好主意是使用onchange事件？

Answer 1

隐藏字段无用，请在输入字段中使用数据属性来存储实际价格：

<table>
    <tr>
        <td>
            <input type="text" value="10" data-realprice="11">
            <span></span>
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" value="12" data-realprice="13">
            <span></span>
        </td>
    </tr>
</table>

在jQuery代码下面：

$(document).ready(function () {

    $('input').each(function () {
        var that = $(this);
        if (that.val() < that.data('realprice')) {
            that.next('span').html('You cant set price smaller then real price');
        }
    });
});

Answer 2

<script type="text/javascript">
   $(document).ready(function() {
     var real_price = $("#real_price").val();
     var price = $("#price").val();
     $('#btn').live("click",function(){
        if(real_price < price){
           alert("You cant set price smaller then real price");
           return false;
        }
        else{
           return true;
       }
    });
});

试试这个

使用jQuery验证和比较输入？

2 个答案: