ReferenceError: Неверная левая часть в назначении / проверке формы - PullRequest
Новая
       7

ReferenceError: Неверная левая часть в назначении / проверке формы

0 голосов
/ 23 сентября 2018

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

Это мое назначение:

Ниже приведены ваши правила проверки данных:

  • Имя пользователя / пароль: Обязательно и должно содержать не менее 8 символов.
  • Имя / Фамилия: Требуется.Других требований нет.
  • Email: обязательно.
  • Номер телефона: необязательно.Однако, если пользователь вводит номер телефона, необходимо убедиться, что он соответствует формату XXX-XXX-XXXX, где X - все цифры.

Когда пользователь нажимает кнопку отправки, вашлогика проверки запускается и отображает сообщения об ошибках на экране при наличии проблем с данными.Если проблем с данными нет, вы можете просто использовать «alert», чтобы напечатать сообщение об успехе.Включите кнопку сброса, чтобы очистить все поля формы и ошибки. 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Registration Form</title>
    <link rel = "stylesheet" type="text/css" href = "regStyles.css"/>
    <script language="JavaScript">

        function validateForm()
        {
            var userName = document.getElementById('userName').value;
            var passWord = document.getElementById('passWord').value;
            var lastName = document.getElementById('lastName').value;
            var dateBirth = document.getElementById('dateBirth').value;
            var email = document.getElementById('email').value;

            if (userName == "" || passWord =="" || firstName == "" || lastName == "" || dateBirth == "" || email == "")
            {
                document.getElementById("error").innerHTML = "Only phone is optional, all other fields are required";
                return false;
            }
            else if (userName.length<8)
            {
                document.getElementById("error").innerHTML = "Username must be at least 8 characters.";
            }
            else if (passWord.length<8)
            {
                document.getElementById("error").innerHTML = "Password must be at least 8 characters.";
            }
            else
            {
                return true;
            }
        }
    </script>
</head>

<body>
<form name = "registration" id = "registration" action="submission.html" method="post" onsubmit="return validateForm();">
<h1>Registration</h1>
<span id="error" style="color:red;"></span>
    <table>
        <tr>
            <td>Username:</td>
            <td><input type="text" id="userName" placeholder="JaneDoe123"> (At least 8 characters)
        </tr>
        <tr>
            <td>Password:</td>
            <td><input type="password" id="passWord" placeholder="********"> (At least 8 characters)
        </tr>
        <tr>
            <td>First Name:</td>
            <td><input type="text" id="firstName" placeholder="Jane"></td>
        </tr>
        <tr>
            <td>Last Name:</td>
            <td><input type="text" id="lastName" placeholder="Doe"></td>
        </tr>
        <tr>
            <td>Date of Birth:</td>
            <td><input type="date" name="dateBirth"></td>
        </tr>
        <tr>
            <td>Email:</td>
            <td><input type="email" id="email" class="form-control" placeholder="jane.doe@email.com"></td>
        </tr>
        <tr>
            <td>Phone Number:</td>
            <td><input type="tel" id="phoneNumber" name="phone" placeholder="502-555-1234"
                pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"/>
                <span class="validity"></span> (optional)</td>
        </tr>
    </table>  
        <input type="submit" value="Submit"></button>
        <input type="reset">
</form>
</body> 
</html>
...