Я не могу понять ошибку для этой формы регистрации - PullRequest
Новая
       21

Я не могу понять ошибку для этой формы регистрации

0 голосов
/ 24 апреля 2020

Я уже более часа пытаюсь найти ошибку в своем коде запроса, чтобы проверить тип информации, вводимой в различных полях формы регистрации. Я пошагово следую видеоурок и не могу обнаружить ошибку.

По какой-то причине переменная errorMessage не добавляет сообщение об ошибке, если пароли не совпадают. Другая проблема заключается в том, что при нажатии кнопки «Отправить» я всегда получаю сообщение об ошибке для полей адреса электронной почты и номера телефона, даже если я ввожу действующий адрес электронной почты и номер телефона c. 

function isEmail(email) {
        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        return regex.test(email);
        }

        $("#submit").click(function() {

            var errorMessage = "";


            if (isEmail($("#email").val()) == false) {
                errorMessage += "<p>Your email address is not valid</p>";
            }

            if ($.isNumeric($("#phone").val()) == false) {
                errorMessage += "<p>Your phone number is not numeric</p>"
            }

            if ($("#password").val() != $("#passwordConfirm").val()) {
                errorMessage += "<p>Your passwords don't match</p>";
            }

            alert(errorMessage);

        });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="page-wrapper">
        <div class="form-item">
            <label id="email">Email:</label>
            <input type="email" id="email" name="email">
        </div>
        
        <div class="form-item">
            <label id="phone">Telephone:</label>
            <input type="text" id="phone" name="phone">
        </div>
        
        <div class="form-item">
            <label id="password">Password: </label>
            <input type="password" id="password" name="password">
        </div>
        
        <div class="form-item">
            <label id="passwordConfirm">Password: </label>
            <input type="password" id="passwordConfirm" name="passwordConfirm">
        </div>
        
        <div class="form-item">
            <input type="submit" id="submit" value="Sign Up">
        </div>
    </div>
...