Question

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

1

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

2

 <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
            }
        });
    });

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

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

Answer 1

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

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

1 个答案: