مشكلة في jquery validate و توضيح حول اضافة الـ messages مع الـ validate 

لم يعمل الكود لديك لأنك تستدعي الملف index.js قبل استدعاء المكتبة، وبالتالي تكون المكتبة متوفرة في ملف الـ index.js

لحل المشكلة استدعي index.js بعد المكتبة.

أما بالنسبة لل messages فيمكنك تخصيصها بالشكل التالي :

$(function () {
    $('#form').validate({
        rules: {
            name: {
                required: true
            },
            email: {
                required: true,
                email: true
            },
            phone: {
                required: true
            },

        },
        messages: {
            name: {
                required: "Please enter the name",
            },
            email: {
                required: "Please enter the email",
                email: "Please enter a valid email address "
            },
            phone: {
                required: "Please enter phone number",
            },

        },
    });
});

حيث تحضر العناصر كما احضرتهم في validate و تضيف لكل option الرسالة الخاصة التي تريدها ان تظهر.