Проблема с плагином проверки bassistance jquery, форма отправляется при недействительности

Question

Я не могу найти ничего, что комментирует поведение, которое я испытываю, когда пытаюсь использовать плагин проверки bquistance jquery.

Я работаю в VB.net (я знаю, я знаю)

В любом случае, у меня есть несколько вложенных главных страниц с пользовательским элементом управления, который является моей формой.

Проблема в том, что проверка работает, я получаю сообщение о том, что имя необходимо, но форма тогдаподчиняется в любом случае.Кто-нибудь еще сталкивался с этим ??и есть ли у кого-нибудь решение для этого?

Объявление usercontrol выглядит следующим образом:

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="CampaignForm.ascx.vb" Inherits="CampaignForm" %>

Скрипт для правил плагина

<script type="text/javascript">
    // only for test purposes
    $.validator.setDefaults({
        submitHandler: function () {
            alert("submitted!");
        }
    });

    $(document).ready(function () {
        $("#form1").validate({
            rules:{ 
            <%=tbFirstName.UniqueID %>: {
                required:true,
                minlength:2
                }
            }, messages:{}
        });
    });
</script>

Тогдаввод для правила

<asp:TextBox class="Wider" ID="tbFirstName" ClientIDMode="Static" runat="server"></asp:TextBox> 
<label for="tbFirstName" class="error">First name is required and must be longer than 2 characters</label>

Кнопка отправки:

<asp:Button Width="248" Height="68" ID="btnSubmit" CssClass="btnCompareNow" runat="server" />

И, наконец, метод, который обрабатывает кнопку отправки:

Private Sub btnSubmit_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnSubmit.Click

    If Page.IsValid Then
    End If

End Sub

Answer 1

Я могу ошибаться, но я думаю, это потому, что вы используете кнопку управления на стороне сервера, которая все равно будет публиковать данные ...

Edit1

вызовите функциюна кнопку отправить, как onClick="validate(this);"

<script>
function validate(e){
e.preventDefault();
}


</script>

Edit2

$(document).ready(function(){

$('#btnSubmit').click(function(e) {
        e.preventDefault();
    });
});