Показать сообщение отдельно
  #1 (permalink)  
Старый 28.10.2021, 00:07
Новичок на форуме
Отправить личное сообщение для noname122 Посмотреть профиль Найти все сообщения от noname122
 
Регистрация: 28.10.2021
Сообщений: 6

Создать форму регистрации и авторизации
Здраствуйте,вот появилось такое задание,необходимо создать регистрационную форму с проверкой вводимых значений. Далее, если введённая информация корректная, проверить что в массиве зарегистрированных пользователей отсутствует информация о пользователе с данным логином, и, если это так, – сохранить, т.е. добавить новый объект в массив зарегистрированных пользователей. Я начала делать ,а как дальше и что дальше не понимаю
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        table{
        background:#eeeeee;
        padding:5px;
        border:1px #777777 solid;}
        .vld{   background:#eeeeee;
            border:0px}
        .zorka,.vld{color:red;} 
    </style>
    <script>
 
var myForm;
 
function textValid(txt, objMessage)
    {
        if (txt=="")
        {
        objMessage.value = "Поле не заполнено";
        return false;
        }
    objMessage.value = "";
    return true;
    }
 
function loginValid(logi)
    {
        if (logi=="")
        {
        myForm.vLog.value = "Поле не заполнено";
        return false;
        }
        var lg = /^[a-zA-Z1-9]+$/i;
        if (!lg.test(logi))
        {
        myForm.vLog.value = "Неправильный логин";
        return false;
        }
        else
        {
        myForm.vLog.value ="";
        return true;
        }
    }
    
 
function passValid(pass1, pass2)
    {
        if (pass1 == "" )
        {
        myForm.vPass.value = "Поле не заполнено";
        return false;
        }
        if (pass1.length < 6)
        {
        myForm.vPass.value = "Пароль короткий";
        return false;
        }
        if (pass2 == "" )
        {
        myForm.vPass.value = "Повтор пароля не заполнен";
        return false;
        }
 
        if (pass1!=pass2)
        {
        myForm.vPass.value = "Пароли не совпадают";
        }
        else
 
        {
        myForm.vPass.value ="";
        return true;
        }
    }
 
 
 
    function validate(mF)
    {
 
    myForm = mF;
 
    var ima = textValid(myForm.ima.value,myForm.vIma);
    var fam = textValid(myForm.family.value,myForm.vFam);
    var login = loginValid(myForm.login.value);
    var pass = passValid(myForm.pass1.value);
    return ima&&fam&&login&&pass;
    }
    
 
        return false;
    
    </script>   
  </head>
  <body>
  
    <table  >
    <tr><td colspan="3" align="center"><h3>Регистрационная форма</h3></td></tr>
    <form name="myForm" onsubmit="return validate(this);">
        <tr><td>Имя<span class="zorka">*</span></td><td><input type="text" name="ima" maxlength = "16" ></td><td><input type="text" class="vld" name="vIma" readonly ></td></tr> 
        <tr><td>Фамилия<span class="zorka">*</span></td><td><input type="text" name="family" maxlength = "16" ></td><td><input type="text" class="vld" name="vFam" readonly ></td></tr>
        <tr><td>Логин<span class="zorka">*</span></td><td><input type="text" name="login" maxlength = "10" ></td><td><input type="text" class="vld" name="vLog" readonly ></td></tr>   
        <tr><td>Пароль<span class="zorka" name="vPass">*</span></td><td><input type="password" name="pass1" maxlength = "10"></td><td><input type="text" class="vld" name="vPass" readonly ></td></tr>    
        <tr><td>Повторите пароль<span class="zorka">*</span></td><td><input type="password" name="pass2" maxlength = "10"></td><td></td></tr>      
      
        <tr><td></td><td colspan="2"><input  type="submit"  value="Зарегистрироваться"> <input  type="submit"  value=" ко 
            Вход"></td></tr> 
        
 
    </form> 
    </table>
</body>
</html>
Ответить с цитированием