jquery validation doesn't work submit disable when fields are not valid?

Question

JavaScript

There is a SUBMIT button, it looks like this

<p class="submit">
                          <input type="submit" name="wp-submit"
                               class="submit button button-primary button-large"
                               value="<?php echo esc_attr_x( 'Sign up', 'Login popup form', 'eduma' ); ?>"/>
                        </p>

There is such a validation script

jQuery(document).ready(function(){
           jQuery("form.auto_login").validate({

             rules:{
                user_login:{
                  required: true,
                  minlength: 4,
                  maxlength: 16,
                },
                password:{
                  required: true,
                  minlength: 6,
                  maxlength: 16,
                },


             },
             messages:{
               user_login:{
                 required: "Это поле обязательно для заполнения",
                 minlength: "Логин должен быть минимум 4 символа",
                 maxlength: "Максимальное число символов - 16",
             },
             
               password:{
               required: "Это поле обязательно для заполнения",
               minlength: "Пароль должен быть минимум 6 символа",
               maxlength: "Пароль должен быть максимум 16 символов",
               },
               submitHandler: function(form) { // <- pass 'form' argument in
            $(".submit").attr("disabled", true);
            form.submit(); // <- use 'form' argument here.
        }
              
    }
                 
          });

});

According to the idea, this piece should check the form and disable the button if the fields are not validly filled, but it doesn’t work, maybe I didn’t stick the button class correctly at all? Although I already tried everything in a row.

submitHandler: function(form) { // <- pass 'form' argument in
            $(".submit").attr("disabled", true);
            form.submit(); // <- use 'form' argument here.
        }

Answer 1

submitHandler: function(form) { // <- pass 'form' argument in
            $(".submit").attr("disabled", true);
            form.submit(); // <- use 'form' argument here.
        }

here, first you need to process the result of form validation, then, depending on the result, either block or send,
now it happens like this: in any case, we block and in any case we send

Answer 2

I may seem Q.O., but the grep utility is missing
if you are using the ipkg package manager, then do ipkg install grep

Answer 3

Something with firefox.

Answer 4

I have WL-500GP v2 with firmware from here . Grep in the system is:
# /bin/grep
BusyBox v1.19.3 (2012-06-12 19:25:23 MSK) multi-call binary.
…
See what you have there.
PS As ipkg is ipkg.sh