Jquery 在满足特定条件之前，是否阻止用户提交记录？

我昨天发布了一个关于这个的问题，但没有得到回应

问题是是否有一种方法可以将jQuery与gridview控件集成，以防止用户在记录长度至少为10之前提交记录

我已设法修改代码使其正常工作，但它无法正常工作

如果用户输入的值小于10，下面的版本将突出显示一个单元格。这很好。但是，它仍然不能阻止用户提交表单

任何关于如何修改它的想法，既可以突出显示单元格，也可以阻止用户提交表单

提前感谢你的帮助

  <script type="text/javascript">
        $(document).ready(function () {
            $(".txtsourceincome").blur(function () {
                if ($(this).val().length != 0 && $(this).val().length < 10) {
                    $(this).css("background-color", "red");
                    $(this).css("color", "white");
                }
                else {
                    $(this).css("background-color", "white");
                    $(this).css("color", "black");
                }
            });
        });
    </script>

'//update:
    <script type="text/javascript">
        $(document).ready(function () {
            $(".txtsourceincome").blur(function () {
                if ($(this).val().length != 0 && $(this).val().length < 10) {
                    $(this).css("background-color", "red");
                    $(this).css("color", "white");
                }
                else {
                    $(this).css("background-color", "white");
                    $(this).css("color", "black");
                }
            });
            $(".btnNext").click(function () {
                var result = true;
                $(".txtsourceincome").each(function () {
                    if ($(this).val().length != 0 && $(this).val().length < 10) {
                        result = false;
                        alert("Input should be minimum of 10 characters or blank");
                        return false;
                    }
                });
                return result;
            });
        });
    </script>

$（文档）.ready（函数（）{
$（“.txtsourceincome”）.blur（函数（）{
如果（$（this.val（）.length！=0&$（this.val（）.length<10）{
$（this.css（“背景色”、“红色”）；
$（this.css（“颜色”、“白色”）；
}
否则{
$（this.css（“背景色”、“白色”）；
$（this.css（“颜色”、“黑色”）；
}
});
});
'//更新：
$（文档）.ready（函数（）{
$（“.txtsourceincome”）.blur（函数（）{
如果（$（this.val（）.length！=0&$（this.val（）.length<10）{
$（this.css（“背景色”、“红色”）；
$（this.css（“颜色”、“白色”）；
}
否则{
$（this.css（“背景色”、“白色”）；
$（this.css（“颜色”、“黑色”）；
}
});
$（“.btnNext”）。单击（函数（）{
var结果=真；
$（“.txtsourceincome”）。每个（函数（）{
如果（$（this.val（）.length！=0&$（this.val（）.length<10）{
结果=假；
警报（“输入至少应为10个字符或空白”）；
返回false；
}
});
返回结果；
});
});

您是否尝试将单击事件绑定到提交按钮并对其执行

preventDefault（）

操作？@gaganshera，我已将其绑定到按钮单击，但仍无法阻止其提交。请查看更新的代码。使用

preventDefault（）

使用

$（“.btnNext”）中的事件对象
e
。单击（函数（e）{

。像

e.preventDefault（）

@gaganshera，谢谢。它现在可以工作了。我删除了preventDefault，只是将css类添加到按钮单击事件中。

csclass=“btnNext”

现在它可以正常工作了。我可以将此作为正确答案发布吗？或者在我提出建议之前您尝试过将单击事件绑定到提交按钮吗？只是问：）