使用 Jquery 使取消按钮绕过自定义验证

Make Cancel Button bypass custom Validation using Jquery

本文关键字：自定义 验证 按钮 Jquery 取消 使用      更新时间：2023-09-26

我的MVC应用程序上有两个提交按钮。

1.

 <input type="submit" class="btnsubmit" value="Add Subscription" name="Submit" />

阿拉伯数字。

 <input class="cancel" type="submit" value="Cancel" onclick="CheckBox()"/>

在文档就绪功能中，我有这个。

 $(document).ready(function () {
        $('#form').submit(function () {
            var $fields = $(this).find('input[name^="chk_"]:checked');
            if (!$fields.length) {
                alert('You must select at least one record !');
                return false; // The form will *not* submit
            }
        });
    });

基本上，只有在选中至少一个复选框时才能提交表单，但我希望该用户能够点击取消并返回主页。但是现在，当我单击"取消按钮"时，该应用程序会尝试提交页面，并检查是否选中了任何复选框，而我不希望单击"取消按钮"。

任何方法/观点？谢谢！！

<input class="cancel" type="submit" value="Cancel" onclick="CheckBox()"/>

将tye=submit更改为type=button。 因为，默认情况下type=submit进行表单提交。所以它看起来像：

<input class="cancel" type="button" value="Cancel" onclick="CheckBox()"/>

或者，您可以更改按钮，例如：

<button class="cancel" onclick="CheckBox()">Cancel</button>
相关文章：