Почему не работает messages (jquery validate)?

Question

[Мистер Помогитепожалуйста]

почему у меня не работает jquery validate messages
Code

$('#myForm').validate({
    rules: {
        email: {
            required: true,
            email: true,

        },
        name: {
            required: true,
            minlength: 2,
        },
        // Не работает этот фрагмент
        messages: {
            email: {
                required: 'Поле должно быть заполнено!',
            }
        }
        
    }
})

Подключение

scripts connect

<script src="js/jquery-3.6.3.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0/dist/jquery.validate.js"></script>
    <script src="js/jquery.maskedinput.min.js"></script>
    <script src="js/index.js"></script>

Я понимаю библиотека устарела, ибо на Хабре даже нет такой категории, но тем не менее если найдутся люди, помогите пожалуйста

Answer 1

[Andrey Vasilev]

Example: Specifies a name element as required and an email element as required and a valid email address. A single message is specified for the name element, and two messages for email.

messages: {
    name: "Please specify your name",
    email: {
      required: "We need your email address to contact you",
      email: "Your email address must be in the format of [e-mail]"
    }
  }

В кратце: нужно ещё одно поле email, как я понял из доки.
email: { required, email }

Comments

[Мистер Помогитепожалуйста]

$('#myForm').validate({
    rules: {
        email: {
            required: true,
            email: true,

        },
        name: {
            required: true,
            minlength: 2,
        },
       // опять не работает
        messages: {
            name: {
                required: 'lorem',
                minlength: 'lorem'
            }, 
            email: {
                     required: "lorem", 
                     email: "lorem"
}
        },
    }
})

Чуть чуть изменил код, опять не работает

[Александр Васильев]

Andrey Vasilev , дополню примером

но это в рамках версии 1.19.5 https://cdnjs.com/libraries/jquery-validate

[Мистер Помогитепожалуйста]

Александр Васильев, а как именно поменять эти сообщения и убрать те которые по дефолту стоят? У меня messages отказывается работать, я посмотрел гайд очень внимательно и вглядывался, вроде всё верно

[Мистер Помогитепожалуйста]

Александр Васильев, я понял, я забыл классы задать

[Andrey Vasilev]

supermen007, )))

[Andrey Vasilev]

supermen007, я ответил про то что там спецификация по-моему своя и messages заполняется строго, как я и описал выше (для name / email). у тебя в email было лишь одно поле.

[Александр Васильев]

supermen007, поменял в примере и добавил стили для error

[Мистер Помогитепожалуйста]

Andrey Vasilev, как понять лишь одно поле было?

[Мистер Помогитепожалуйста]

Andrey Vasilev, а, ясно, так я добавил, всё равно ничего не получилось,

[Мистер Помогитепожалуйста]

Andrey Vasilev, я хз что это, всё сделал по-моему, но не работает ничего, в консоль тоже не выводит ничего

[Andrey Vasilev]

supermen007,

messages: {
            email: {
                required: 'Поле должно быть заполнено!',
            }
        }

у тебя messages -> email только required, а по спеце нужно ещё одно поле похоже email

[Andrey Vasilev]

нет

messages: {
            email: {
                required: 'Поле должно быть заполнено!',
            }
        }

Да

messages: {
    email: {
      required: "We need your email address to contact you",
      email: "Your email address must be in the format of [e-mail]"
    }
  }

[Мистер Помогитепожалуйста]

Andrey Vasilev, так это с редактированием вопроса связано, а так я всё сделал

[Мистер Помогитепожалуйста]

Andrey Vasilev, давай я скину лучше, я ещё никогда над проблемой так долго не сидел

[Мистер Помогитепожалуйста]

Andrey Vasilev, вот, всё же верно? А не работает

$('#myForm').validate({
    rules: {
        email: {
            required: true,
            email: true,

        },
        name: {
            required: true,
            minlength: 2,
        },
        messages: {
            name: {
                required: 'lorem',
                minlength: 'lorem',
            },
            email: {
                required: "We need your email",
                email: 'no! example: [e-mail]'
            }
        },
    }
})

[Мистер Помогитепожалуйста]

Andrey Vasilev, может в html дело?

<!DOCTYPE html>
<html lang="ru">
<head>
    <link rel="stylesheet" href="styles.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form  class="form" id="myForm" method="post">
        <input type = 'text' name = 'name' placeholder="Например Володя">
        <input type = 'text' name = 'surname' placeholder="Фамилия">
        <input type = 'email' name = 'email' placeholder="Почта">
        <input type = 'tel' name = 'tel' placeholder="Номер телефона">
        <input type = 'password' name = 'pass' placeholder="Пароль">
        <input type = 'password' name = 'repass' placeholder="Подтвердите пароль">
        <input type = 'submit' name = 'btn' value = 'Ок' class = 'btn btn-default'>


    </form>
    <script src="js/jquery-3.6.3.min.js"></script>
    <script src="js/jquery.maskedinput.min.js"></script>
    <script src = 'js/jquery.validate.min.js'></script>
    <script src="js/index.js"></script>

</body>
</html>

[Andrey Vasilev]

supermen007, актуально?

[Мистер Помогитепожалуйста]

Andrey Vasilev, да вроде, если можете помочь помогите, хотя я уже валидацию на чистом js без плагинов пишу