jQuery表單驗證-如果發生錯誤則阻止表單提交

Question

我正在使用一個jQuery插件來驗證我的表單。 如果某些條件不符合驗證條件，我想阻止用戶提交表單。 這是我在驗證中使用的一段代碼

      $(function() {
        $("#register-form").validate({
            rules: {
                OMNI_FIRSTNAME: {
                    required: true,
                    minlength: 2,
                    maxlength: 50
                },
                OMNI_LASTNAME: {
                    required: true,
                    minlength: 2,
                    maxlength: 50
                },  
            messages: {
                OMNI_FIRSTNAME: "Please enter first name",
                OMNI_FIRSTNAME: {
                    required: "Please provide firstname",
                    minlength: "Firstname must be at least 2 character long",
                    maxlength: "Firstname reached maximum length of 50 characters long" 
                },
                OMNI_LASTNAME: "Please enter last name",
                OMNI_LASTNAME: {
                    required: "Please provide lastname",
                    minlength: "Lastname must be at least 2 character long",
                    maxlength: "Lastname reached maximum length of 50 characters long"  
                },
            submitHandler: function(form) {
                form.submit();
            }
        });
      });

上面的代碼在不滿足任何條件時將消息輸出到我的表單。 我在$('#register-form')表單中有一個提交按鈕，用於提交從輸入字段（ OMNI_FIRSTNAME ， OMNI_LASTNAME ）輸入的數據。 如何將這兩個過程整合為一個？ 目前，我仍然可以發布不符合我的jquery驗證的數據。

Answer 1

在您的jquery代碼中進行以下更改

submitHandler: function(form) {

    form.preventDefault();
    form.submit();
}