Question

这是我的表格

的html代码

<form action="add.php" method="post">
    <table style="border: 1px solid black;padding:20px;" cellspacing="1px">
        </br>
        </br>
        <tr>
            <td>Issue No:</td>
            <td>
                <input name="issueno" type="text" id="issueno" />
            </td>
            <td>Issue Date:</td>
            <td>
                <input name="issuedate" type="date" id="issuedate" />
            </td>
        </tr>
        </br>
        </br>
        <tr></tr>
        <tr>
            <td>Item Code:</td>
            <td>
                <input name="itemcode" type="text" id="itemcode" />
            </td>
            <td>Description:</td>
            <td>
                <input name="des" type="text" style="width:250px; height:23px" id="desc" />
            </td>
            <td>Bal Quantity:</td>
            <td>
                <input name="bal" type="text" id="bal" />
            </td>
        </tr>
        </br>
        <tr>
            <td>Issue Quantity:</td>
            <td>
                <input name="issuequ" type="text" id="issuequ" />
            </td>
        </tr>
        </br>
        <tr></tr>
        <tr>
            <td>Remark:</td>
            <td>
                <input name="remark" type="text" style="width:250px; height:23px" id="remark" />
            </td>
        </tr>
        </br>
        <tr>
            <td colspan="6">
                <center>
                    <input type="submit" value="submit">
                </center>
            </td>
        </tr>
    </table>
</form>

因此，如果发行数量超过bal数量，我想禁用提交按钮，如果发行数量小于bal数量，则保持启用状态。我从ajax调用更改项目代码得到了数量。那我该怎么办？

Answer 1

<script>
    /**
      * the submit handler...
      */
    function checkBeforeSubmit() {
        // build your own condition ... :)
        if(CONDITION == false) {
            alert("You can not submit...");
        }else {
            // all is good ? so we submit the form ....
            document.myForm.submit();
        }
    }
</script>
<form name="myForm" action="add.php" method="post">
...
     <!-- i have changed the type from submit to button and add a handler to execute basic JavaScript function-->
     <input type="button" value="submit" onClick="checkBeforeSubmit();">
</form>

Answer 2

为什么不尝试在qtty change上添加/删除禁用属性到提交按钮。

Answer 3

这是我的工作代码......

$('#issuequ').blur(function(){
                var issueqty = $(this).val();
                var bal = $('#bal').val();
                if(issueqty > bal){
                    $('input[type="submit"]').attr('disabled','disabled');
                } else if (issueqty < bal){
                    $('input[type="submit"]').removeAttr('disabled');
                }
        });

我在这里禁止提交更改问题，否则保持活跃状态。

禁用某些文本字段值的提交按钮

3 个答案: