CodeIgniter中燃油发放数量JavaScript验证失效问题求助

核心问题排查方向 #

按前端到后端的顺序，逐一排查可能导致验证失效的点：

1. JavaScript前端验证逻辑漏洞 #

• 数值类型错误：直接用字符串对比会出现逻辑错误（比如"100" > "20"会返回false，因为字典序中"1"比"2"小），必须用parseFloat()或parseInt()把输入值转为数值后再比较
• 事件绑定错误：验证函数未正确绑定到表单提交事件，或者函数返回false时未阻止表单默认提交行为
• DOM元素取值错误：JS中获取可用余额或发放数量的元素ID，与View里的实际ID不匹配，导致取到空值或错误值

2. 后端Controller验证缺失或错误 #

• 未做后端二次验证：仅依赖前端JS验证，而前端验证可被绕过，必须在Controller中再次校验发放数量和库存余额
• 提示信息未正确传递：验证失败时未用flashdata存储提示，或者View中没有渲染flashdata的代码
• 跳转逻辑错误：验证失败后未跳回表单页面，导致提示信息无法展示

3. Model库存查询错误 #

• 库存数据获取错误：Model中查询可用余额的方法，存在过滤条件错误（比如未指定正确的燃油ID）、字段名错误，导致拿到的不是对应油品的真实库存
• 数据类型不匹配：返回的库存余额是字符串类型，和发放数量（数值）对比时出现逻辑错误

4. View层交互问题 #

• 表单提交事件未拦截：表单的onsubmit属性未调用验证函数，或者函数返回false时表单仍提交
• 提示信息未渲染：View中未编写展示flashdata错误信息的代码块

修正代码示例 #

前端JS验证修正 #

function checkIssueQuantity() {
    const available = parseFloat(document.getElementById('available_balance').value);
    const issueQty = parseFloat(document.getElementById('issue_quantity').value);

    if (isNaN(available) || isNaN(issueQty)) {
        alert('请输入有效的数字');
        return false;
    }

    if (issueQty > available) {
        alert('Issuing Quantity should be less than the available balance');
        return false;
    }
    return true;
}

表单绑定：

<form action="<?= site_url('fuel/process_issue') ?>" method="post" onsubmit="return checkIssueQuantity()">

后端Controller验证补充 #

public function process_issue() {
    $issue_qty = $this->input->post('issue_quantity', true);
    $fuel_id = $this->input->post('fuel_id', true);

    // 获取对应燃油的可用库存
    $available_balance = $this->fuel_model->get_available_stock($fuel_id);

    if ($issue_qty > $available_balance) {
        $this->session->set_flashdata('error', 'Issuing Quantity should be less than the available balance');
        redirect('fuel/issue_form'); // 返回到发放表单页面
        return;
    }

    // 执行燃油发放逻辑
    // ...
}

View中渲染提示信息 #

<?php if ($this->session->flashdata('error')) : ?>
    <div class="alert alert-danger">
        <?= $this->session->flashdata('error') ?>
    </div>
<?php endif; ?>

内容的提问来源于stack exchange，提问作者MCIT Trends