проверка записей формы перед разрешением отправить - PullRequest
0 голосов
/ 30 апреля 2018

Пожалуйста, помогите: новичок в этом, и я не могу понять это.

Создание регистрационной формы для веб-сайта, где пользователь должен зарегистрировать учетную запись, введя свою; Имя, Фамилия Адрес электронной почты Пароль и введите пароль еще раз, чтобы убедиться, что они совпадают. перед отправкой формы. Код должен проверить все поля, чтобы убедиться, что все поля заполнены. Пользователь может зарегистрироваться только после заполнения всех полей и паролей.

Если они нажимают кнопку до заполнения всех полей, им следует сообщить, что поля обязательны для заполнения.

Когда я запускаю код, ничего не происходит.

Это то, что у меня есть.

$ (function(){
    $('.btn').on('click'(function(){
        validateFormFName();
        validateFormLName();
        validateFormEmail();
        password();
    });
});

function validateFormFName() {
    var x = document.form["formtype"]["fname"].value;
    if (x == "") {
        alert("Name must be filled out");
        return false;
    }
    return true;
}

function validateFormLName() {
    var x = document.form["formtype"]["lname"].value;
    if (x == "") {
        alert("Name must be filled out");
        return false;
    }
    return true;
}

function validateFormEmail() {
    var x = document.form["formtype"]["email"].value;
    if (x == "") {
        alert("Your email is required");
        return false;
    }
    return true;
}


function password() {
    if (document.getElementById('psw1').value ==
        document.getElementById('psw2').value) {
        document.getElementById('register').disabled = false;
    } else {
        document.getElementById("register").disabled = true;
    }
}

1 Ответ

0 голосов
/ 30 апреля 2018

Извините, я не знаю, понял ли я ваш вопрос, но я постараюсь вам помочь.

Если я правильно понимаю, это может вам помочь.

$ (function(){
    $('.btn').on('click'(function(event){
        event.preventDefault();

        validateFormFName();
        validateFormLName();
        validateFormEmail();
        password();
    });
});

Если я ошибся, дайте мне знать, я постараюсь улучшить свой ответ.

...