Проверка формы не работает при создании общего файла с использованием jQuery

Question

<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script>
    $(document).ready(function(){
        $("#create_account").click(function(e){
            e.preventDefault();
            $('#myform').validate({
                rules: {
                    cs-username: {
                        required: true
                    },
                    cs-email: {
                        required: true,
                        email: true
                    },
                    cs-confirm-password: {
                        required: true,
                        minlength: 8
                    }
                },
                submitHandler: function (form) { 
                    name = $("#cs-username").val();
                    email = $("#cs-email").val();
                    password = $("#cs-login-password").val();
                    cpassword = $("#cs-confirm-password").val();
                    alert(name);
                    alert(email);
                    alert(cpassword);
                }
            });
        });
    });
</script>

Я просто создал общий файл, т.е. footer.php, и я использую проверку формы jquery для проверки моей формы, но когда я нажимаю на кнопку отправить, они не работают. Итак, как я могу проверить форму? Пожалуйста, помогите мне.

Спасибо

Answer 1

Убедившись, что вы добавили Jquery перед проверкой файлов JS -

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>

И просто позвоните в готовый дом -

$(document).ready(function() {
    $('#myform').validate({
        rules: {
            cs-username: {
                required: true
            },
            cs-email: {
                required: true,
                email: true
            },
            cs-confirm-password: {
                required: true,
                minlength: 8
            }
        },
        submitHandler: function (form) { 
            name = $("#cs-username").val();
            email = $("#cs-email").val();
            password = $("#cs-login-password").val();
            cpassword = $("#cs-confirm-password").val();
            alert(name);
            alert(email);
            alert(cpassword);
        }
    });
});