Как правильно составить условие проверки валидности?

Question

[Никита Сазонов]

<form action="BD.php" method="POST">
<p>Логин:</p><input type="text" name="login">
<p>Пароль:</p><input type="password" name="password">
</form>
<div id="error" style="display: none;"><p>Ошибка логина или пароля!</p></div>
<div id="okno-cap" style="display: none;"><input type="text" name="kod"></div>

Есть такой код. Как можно реализовать такое: При вводе логина и пароля, они проверяются в БД. Ответ из БД будет получатся в переменную $check; Ответ может содержать 2 значения: значение 1 (правильные данные) и значение 0 (ошибка). И так, эти ответы я получаю на PHP и конечно же как их перевести в JS я знаю:

var logpass = "<?echo $check;?>";
Так вот как теперь мне сделать так, чтобы при значении 1 в переменной logpass, стиль div-а с идентификатором okno-cap менялся display:none; на position: fixed; z-index: 1000; max-width: 1419px; left: 466px; top: 21px; и так же при значении 0 в переменной logpass, div-а с идентификатором error менялся display:none; на color: rgb(204, 51, 0);.

Дополнительный вопрос: У меня получается 2 файла index.php с кодом HTML выше и немного с кодом JS. и файл BD.php где обработчик формы. Понимаете ли, как то я не правильно делаю структуру, так как такое вроде делается без перезагрузки страницы. То есть мне как то надо сделать, чтоб данные отправлялись в BD.php, и возвращали ответ уже в JS переменную без перезагрузки страницы. Я так думаю это надо Ajax наверно. Если можно, подскажите как это сделать правильно. Буду искренне благодарен.

Comments

[SharuPoNemnogu]

вынести стили в css, в зависимости от значения переменной менять класс у дивов

[Никита Сазонов]

SharuPoNemnogu, не вариант. мне нужно на одной странице!

[SharuPoNemnogu]

Никита Сазонов, в смысле не вариант? css не подключается на этой странице или что?

[Никита Сазонов]

SharuPoNemnogu, мне нужен вариант на js без перезагрузки страницы

[Denis]

Ну правильно Вы думаете, отправляете форму аяксом на свой php обработчик а обработчик json'ом вернет ответ к примеру 0 или 1 который Вы и установите в обработчике аякс-ответа

[Никита Сазонов]

sidni, ну а как отправить то(((

[SharuPoNemnogu]

что ж так туго то ну..

css

#okno-cap.hide {display:none;}
#okno-cap {position: fixed; z-index: 1000; max-width: 1419px; left: 466px; top: 21px;}

html
<div id="okno-cap" class="hide">

js (jquery)

$('form').submit(function(e) {
e.preventDefault();
$.ajax({
  type: "POST",
  url: "BD.php",
  data: $( this ).serialize(),
  success: function(result){
    if (result == 1) {
        $('#okno-cap').removeClass('hide');
    } else {
       $('#okno-cap').addClass('hide');
    }
  }
});
});

в DB.php echo $check;

[Denis]

кода Вашего нет поэтому и особо и не разгуляешься, ну допустим если на коленке по быстрому с использованием jquery

<form id="sendForm" action="BD.php" method="POST">
<p>Логин:</p><input type="text" name="login">
<p>Пароль:</p><input type="password" name="password">
</form>
<div id="error" style="display: none;"><p>Ошибка логина или пароля!</p></div>
<div id="okno-cap" style="display: none;"><input type="text" name="kod"></div>
<script>
$('body').on('submit','#sendForm',function(e){
	e.preventDefault();
	$.post($('#sendForm').attr('action'), $('#sendForm').serialize(), function (data) {
            if(data.result === 0){
				$('#error').show();
			}			
        }, "JSON");
});
</script>

ну и в BD.php

/// Тут проверка логина пароля
 /// в переменной $validate будет результат валидации 0 или 1
 
 die(json_encode(['result'=>$validate]));

ЗЫ опередели

[Никита Сазонов]

sidni, Можно ваш ВК? что то не так работает(((

Answer 1

[Yan-s]

При вводе логина и пароля, они проверяются в БД

Они должны проверятся не в БД, а в обработчике запроса, PHP в вашем случае.

У меня получается 2 файла index.php с кодом HTML выше и немного с кодом JS. и файл BD.php где обработчик формы.

PHP должен быть максимально отделен от JS и HTML. Читайте про MVC. Весь код разметки и отображения должен быть вынесен в отдельные файлы, в которых PHP используется только отображения данных и реализуют простейшую логику связанную с этим.

При этом точка входа должна быть одна - все запросы должны приходить на один php файл. Остальные подключаются при помощи автозагрузки. Код которому будет делегирован запрос определяется при помощи роутинга.

Я так думаю это надо Ajax наверно.

Правильно думаете. Запрос отправляется при помощи JS, далее PHP обрабатывает этот запрос и возвращает ответ с результатом проверки, JS обрабатывает ответ и меняет класс HTML элемента.

Comments

[Никита Сазонов]

Спасибо большое. Из вашего ответа я понял:
Все типы данных надо делать отдельно, то есть JS PHP HTML каждый тип отдельно(так и делаю всегда чтоб был порядок и не путаться). Так же понял что все запросы с HTML форм должны отправляться в один обработчик PHP файл. но вот запись в БД делать в обработчике?

[Yan-s]

Все типы данных надо делать отдельно, то есть JS PHP HTML каждый тип отдельно

Не совсем так. Во первых это не типы данных. Важнее всего отделить отображение (разметку, клиентскую часть) от логики приложения.

Так же понял что все запросы с HTML форм должны отправляться в один обработчик PHP файл. но вот запись в БД делать в обработчике?

Обработка запроса производится на нескольких уровнях. Например у вас есть обработчик запроса отправления формы. Это конечный обработчик. Ему должны предшествовать другие уровни, как минимум уровень маршрутизации. Маршрутизатор определяет что это за запрос был получен и какой обработчик должен им заниматься.

Физически обработчики могут находится в разных файлах. Они подключаются при помощи автозагрузки или в простейших случаях в index.php.

Работа с базой данных тоже должна быть отделена от другой логики и обычно выносится в отдельные файлы.

Кейворды для гугления: php MVC, php autoload, php routing.