Javascript Jquery表单验证不起作用（属性值错误？）

我想验证下面html代码中显示的表单（很抱歉代码过于缩进）。当我运行代码时，只有电子邮件地址验证工作正常。我需要它，以便它还检查其他字段的相应数据类型（例如，仅限名称-->文本）。我不明白我做错了什么，也许我在HTML中使用了错误的属性，或者Jquery不正确

代码：

函数validateForm（）{
$（“#表单”）。验证({
规则：{
姓名：{
必填项：true
姓名：真
},
年龄：{
必填项：true
数字：对
},
城市：{
必填项：true
信一：真的
},
电邮：{
必填项：true
电子邮件：真的
},
电话号码：{
必填项：true
数字：对
}
}
})
}
$（函数（）{
document.getElementById（'submit-btn'）。addEventListener（'click'，validateForm，true）
});

名称
年龄
城市
电子邮件
电话号码
提交
擦除
您需要使用jquery验证插件

function validateForm(){
        $('#form').validate({
            rules: {
                name: {
                    required: true,
                    name: true
                },
                age: {
                    required: true,
                    number: true
                },
                city: {
                    required: true,
                    lettersonly: true
                },
                email: {
                    required: true,
                    email: true
                },
                ['phone-number']: {
                    required: true,
                    number: true
                }
            }
        })
    }
    
    $(function() {
        document.getElementById('submit-btn').addEventListener('click', validateForm, true)
    });

validate（）
不是来自插件吗？运行有问题的代码段，它不工作…这并不能解释“只有电子邮件地址验证工作正常”@TJ测试了它。它起作用了