如何在foreach中进行验证 [英] How to do validation inside foreach

问题描述

我有一个包含一些文本字段的表格.文本字段可以根据数据库表增加或减少.如果数据库中有3个仓库，它将显示3个文本框，其中可用数量作为占位符.现在，用户在每个框中输入的数量不得超过占位符中给定的数量.如果用户输入的值大于可用值(将显示为占位符)，该如何验证?问题是验证应根据foreach循环进行.我的代码在下面，

I have a form which has some text fields. Text fields may increase or decrease according to database table. If there are 3 warehouses in database it will show 3 text boxes with available quantity as place holder. Now user have to enter quantity no more than given in placeholder in each box. How can I do validation if user enter a value more than available (which will be shown as place holder) ?. Problem is validation should be according to foreach loop. My code is below,

<?php
if (!empty($ware_details)) {
                foreach ($ware_details as $data) {
                    ?>  
                    <div class="form-group">
                        <label for="exampleInputEmail1"><?php echo $data->warehouse_name; ?></label>
                        <input type="number" id="return_pro" class="form-control" base_url="<?php echo site_url(); ?>"  name="<?php echo $data->wh_warehouse_id;?>" placeholder="<?php echo $data->wh_product_qty; ?> Available">
                        <div class="dataDrop"></div>
<input type="hidden" id="quantity" value="<?php echo $data->wh_product_qty; ?>"/>
                    </div>
            <?php } }?>

如您所见，此处的文本框数量取决于foreach循环.那么我该如何验证?Javascript或Ajax都可以.我尝试过这样的事情

Here as you see text boxes number is depending upon foreach loop. So how can I validate? Javascript or Ajax is ok. I tried something like this,

<?php foreach ($ware_details as $data) {?>
<script>
function check()
{
    var stock = document.getElementById('quantity').value;
        var return_stock = document.getElementById('return_pro').value;
        if (parseFloat(stock) < parseFloat(return_stock))
        {
            alert("Return product can't be more than total stock");
            document.getElementById('return_pro').focus();
            return false;
        }
        //alert(return_stock);
        return false;
}

但是我知道这是完全错误的.有什么主意吗?

But I know it is fully wrong. Any idea?

推荐答案

您不能在文档中多次使用id，它必须是唯一的.使用类来标识/分组元素，或者枚举ID:

You cannot use an id multiple times in the document, it needs to be unique. Either use classes to identify/group elements, or enumerate the ids:

<?php
    $i = 0;
    if (!empty($ware_details)) {
         foreach ($ware_details as $data) {
              ?>  
                    <div class="form-group">
                        <label for="exampleInputEmail1"><?php echo $data->warehouse_name; ?></label>
                        <input type="number" id="return_pro<?php echo $i; ?>" class="form-control" base_url="<?php echo site_url(); ?>"  name="<?php echo $data->wh_warehouse_id;?>" placeholder="<?php echo $data->wh_product_qty; ?> Available">
                        <div class="dataDrop"></div>
<input type="hidden" id="quantity<?php echo $i; ?>" value="<?php echo $data->wh_product_qty; ?>"/>
                    </div>
            <?php 
            $i++;
        } }?>
<script>
function check(i) {
    var stock = document.getElementById('quantity'+i).value;
        var return_stock = document.getElementById('return_pro'+i).value;
        if (parseFloat(stock) < parseFloat(return_stock))
        {
            alert("Return product can't be more than total stock");
            document.getElementById('return_pro'+i).focus();
            return false;
        }
        //alert(return_stock);
        return false;
}
// then in the validation trigger:
     for (var i=0; i< <?php echo $i; ?>; i++)
         check(i);

这篇关于如何在foreach中进行验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！