الان مشکل اینه که کلا فایل جاوا فراخوانی نمیشه.
یعنی وقتی روی دکمه ورود کلیک میشه وارد فایل جاوا نمیشه که جاوا بتونه اطلاعات رو از فورم html بگیره.
عملا خط آخر login.php اجرا نمیشه وقتی که رو دکمه کلیک میشه درحالی که در کد html دستور onclick نوشته شده.
صدرا جان شما فکر میکنم مفاهیم موضوع برنامه نویسی بدون لود شدن دوباره صفحه را کامل نمی دونید و باید حتما زیر ساختی یاد بگیرید ما تو این ماه یک دوره برای این موضوع میزاریم.
ولی برای اینکه بهتر متوجه بشید شما وقتی یک فرم رو ارسال (submit) می کنید خود به خود صفحه رفرش میشه و برای اینکه صفحه رفرش نشه باید جلوی آون رو بگیرید خب آلان شما از جاوا اسکریپت استفاده کردید و این نمونه کد تست شده برای شما.
<form id="box" class="box" action="test.php" method="post"> <h1>!وارد شوید</h1> <input id="username" name="user" type="text" placeholder=" نام کاربری " /> <input id="password" name="pass" type="password" placeholder=" رمز عبور " /> <input id="submit" name="submit" type="submit" value=" ورود " /> </form><a href="#"> رمز عبور را فراموش کردم </a> <script src="f.js"></script>
اطلاعات فایل js
var username = document.getElementById('username');
var password = document.getElementById('password');
document.getElementById("submit").addEventListener("click", function (event) {
event.preventDefault();
if (username.value === '' || password.value === '') {
alert('salam salam');
} else {
var currentForm = document.getElementById('box');
var form = document.createElement("form");
form.setAttribute("method", currentForm.getAttribute('method'));
form.setAttribute("action", currentForm.getAttribute('action'));
var user = document.createElement("input");
user.setAttribute("name", 'user');
user.setAttribute("type", "text");
user.value = username.value;
var pass = document.createElement("input");
pass.value = password.value;
pass.setAttribute("name", 'pass');
pass.setAttribute("type", "password");
document.body.append(form);
form.submit();
}
});
