在满足特定条件之前阻止用户提交记录?

时间:2017-04-27 18:36:42

标签: jquery asp.net gridview

昨天我发布了一个关于此的问题,但没有得到答复。

问题在于是否有一种方法可以将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>

0 个答案:

没有答案