Создать форму регистрации и авторизации - JavaScript, Ajax

nonameii3ii · 26.10.2021, 21:38

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

Код:

 <!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>

nonameii3ii · 26.10.2021, 21:55

Написать это все нужно исключительно на Javascript,знаю что вообще через php все это легко делается,но нужно на Javascript

ADSoft · 27.10.2021, 08:13

конкретно в чем вопрос?

nonameii3ii · 27.10.2021, 08:26

Как сделать чтобы информация помещалась в массив и "вытаскивалась оттуда"

ADSoft · 27.10.2021, 08:41

какой смысл всего этого? в JS информация в массиве живет пока открыт браузер.
После закрытия оного - вся информация пропадет, полноценной регистрации/авторизации не получится сделать только средствами JS

а так

Код:

var list = []; //пустой массив
list.push(item); // помещает в массив list  значение переменной item
console.log(list); // вывод всего массива в консоль....

ну итд...

nonameii3ii · 27.10.2021, 08:49

Нужно вот это ,а как реализовать в моей программе не понятно(
Далее, если введённая информация корректная, проверить что в массиве зарегистрированных пользователей отсутствует информация о пользователе с данным логином, и, если это так, – сохранить, т.е. добавить новый объект в массив зарегистрированных пользователей

ADSoft · 27.10.2021, 08:51

учебное задание?

nonameii3ii · 27.10.2021, 08:58

да(

ADSoft · 27.10.2021, 09:06

ну к примеру

Код:

var users = [{'login':'vasya','name':'Вася','age': 22},{'login':'petya','name':'Петя','age': 15},{'login':'irina55','name':'Ира','age': 32}]; 

// ваш пользователь
var user = {'login' : 'aaaa','name':'aaaa', 'age': 44};

// проверка есть ли в списке
isList = false;
users.forEach(function(item){
  if (item.login == user.login) {
   isList = true;
   break;
  }
});
// по окончанию цикла в переменной isList признак - в списке есть или нет

users.push(user);
//добавление пользователя в список

nonameii3ii · 27.10.2021, 09:15

а как этот фрагмент "вмонтировать" в мой код,ибо для меня и это является проблемой((

27.10.2021, 08:13	#3
ADSoft Старожил Регистрация: 25.02.2007 Сообщений: 4,160	конкретно в чем вопрос? Сайты, приложения, автоматизация в широком смысле слова

27.10.2021, 08:41	#5
ADSoft Старожил Регистрация: 25.02.2007 Сообщений: 4,160	какой смысл всего этого? в JS информация в массиве живет пока открыт браузер. После закрытия оного - вся информация пропадет, полноценной регистрации/авторизации не получится сделать только средствами JS а так Код: `var list = []; //пустой массив list.push(item); // помещает в массив list значение переменной item console.log(list); // вывод всего массива в консоль....` ну итд... Сайты, приложения, автоматизация в широком смысле слова Последний раз редактировалось ADSoft; 27.10.2021 в 08:44.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Подключение db к форме регистрации/авторизации	Evkliptik	Фриланс	4	19.06.2015 06:28
Авторизации и регистрации на Delphi в MySQL через ADO	Раис Чаббаров	Фриланс	3	09.06.2015 07:41
Расставление элементов авторизации и регистрации пользователя	lexflax	PHP	5	06.04.2014 18:57
Создание регистрации и авторизации	Guitar Hero	БД в Delphi	1	12.02.2012 15:18
Необходимо создать форму для регистрации на сайте	Mirrra	Фриланс	2	28.04.2009 15:28

26.10.2021, 21:55	#2
nonameii3ii Пользователь Регистрация: 16.04.2021 Сообщений: 73	Написать это все нужно исключительно на Javascript,знаю что вообще через php все это легко делается,но нужно на Javascript

27.10.2021, 08:26	#4
nonameii3ii Пользователь Регистрация: 16.04.2021 Сообщений: 73	Как сделать чтобы информация помещалась в массив и "вытаскивалась оттуда"

27.10.2021, 08:49	#6
nonameii3ii Пользователь Регистрация: 16.04.2021 Сообщений: 73	Нужно вот это ,а как реализовать в моей программе не понятно( Далее, если введённая информация корректная, проверить что в массиве зарегистрированных пользователей отсутствует информация о пользователе с данным логином, и, если это так, – сохранить, т.е. добавить новый объект в массив зарегистрированных пользователей

27.10.2021, 08:51	#7
ADSoft Старожил Регистрация: 25.02.2007 Сообщений: 4,160	учебное задание? Сайты, приложения, автоматизация в широком смысле слова

27.10.2021, 08:58	#8
nonameii3ii Пользователь Регистрация: 16.04.2021 Сообщений: 73	да(

27.10.2021, 09:15	#10
nonameii3ii Пользователь Регистрация: 16.04.2021 Сообщений: 73	а как этот фрагмент "вмонтировать" в мой код,ибо для меня и это является проблемой((