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

这是我的表单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>

发行编号：
发行日期：




项目代码：
说明：
余额数量：


发行数量：


备注:

所以，如果出库数量大于结存数量，我想禁用提交按钮，如果出库数量小于结存数量，我想保持启用状态。我从ajax调用中得到了更改项目代码的bal数量。那么我该怎么做呢？？？

<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>

/**
*提交处理程序。。。
*/
函数checkBeforeSubmit（）{
//建立自己的条件…：）
如果（条件==false）{
警告（“您不能提交…”）；
}否则{
//一切都好吗？所以我们提交表格。。。。
document.myForm.submit（）；
}
}
...

为什么不尝试在QTY更改时向提交按钮添加/删除禁用属性。

这是我的工作代码

$('#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');
                }
        });

$（'#issueq'）.blur（函数（）{
var issueqty=$（this.val（）；
var bal=$（'#bal'）.val（）；
如果（发行数量>余额）{
$（'input[type=“submit”]”）。attr（'disabled'，'disabled'）；
}否则如果（发行数量<余额）{
$（'input[type=“submit”]”）。removeAttr（'disabled'）；
}
});

---

我在这里禁用了在更改Issueq时提交，否则将保持活动状态。

@Danyalsandelo:我已经将其从提交更改为按钮：）