如何在cakephp表单中使用jquery.validate插件

<!-- 引入jQuery库 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- 引入jQuery Validate插件 -->
<script src="https://cdn.jsdelivr.net/jquery.validation/1.19.3/jquery.validate.min.js"></script>

<?php echo $this->Form->create('User', ['id' => 'userForm']); ?>
    <?php echo $this->Form->input('username'); ?>
    <?php echo $this->Form->input('password'); ?>
    <?php echo $this->Form->button('Submit'); ?>
<?php echo $this->Form->end(); ?>

<script>
    $(document).ready(function() {
        $('#userForm').validate({
            rules: {
                'data[User][username]': {
                    required: true,
                    minlength: 5
                },
                'data[User][password]': {
                    required: true,
                    minlength: 8
                }
            },
            messages: {
                'data[User][username]': {
                    required: "请输入用户名",
                    minlength: "用户名至少需要5个字符"
                },
                'data[User][password]': {
                    required: "请输入密码",
                    minlength: "密码至少需要8个字符"
                }
            }
        });
    });
</script>