Старомодный способ, как неандердаль
Сначала создайте форму с HTML
Эта форма будет выглядеть примерно так.
Теперь я добавил необходимое ключевое слово проверки в поля ввода, что означает, что форма не может быть отправлена, если поля ввода пусты. Указав тип в полях ввода, мы удостоверяемся, что в качестве ввода вводится правильный тип, например, если мы попытаемся ввести неправильный адрес электронной почты без @, поле ввода выдаст ошибку, и форма откажет. чтобы быть представленным.
Теперь, чтобы, наконец, добавить некоторые условия в поле ввода пароля. Что, если мы хотим, чтобы пароль был больше 6 цифр. Чем мы занимаемся? Сначала мы добавляем что-то к кнопке отправки, которая запускает функцию. Эта функция предотвратит отправку формы, если длина пароля не меньше 6 цифр.
Здесь мы добавили встроенный метод onclick, который запускает функцию checkPassword. Эта функция checkPassword будет встроена в теги script, потому что это будет чистый JavaScript. Вот как это будет выглядеть
Здесь мы создали функцию, которая проверяет, содержит ли пароль, введенный в поле пароля, менее 6 цифр.
Создается переменная с именем pass. Эта переменная принимает значение поля ввода пароля. Как видите, я назвал форму «myForm», а поле пароля — «password». Теперь мы можем проверить значение поля ввода, чтобы увидеть, меньше ли длина прохода переменной 6 или нет. Если пароль содержит менее 6 цифр, срабатывает предупреждение. Затем я использую addEventListener, чтобы предотвратить функцию кнопки отправки по умолчанию. Event.preventDefault() предотвращает отправку формы по умолчанию. Следовательно, отправка этой формы останавливается, если длина пароля меньше 6. Затем мы хотим очистить входные значения формы. С помощью document.forms['myForm']['email'].value = "". Мы делаем поле ввода электронной почты пустым, а поле ввода пароля снова пустым.
Надеюсь, вам понравилось читать, это был мой первый проект по проверке формы в колледже. Помню, я был на седьмом небе от счастья, когда это сработало.
Распространяйте любовь, как оператор распространения
…Любовь
Саманья
