Bagaimana untuk menyediakan lompat pada halaman log masuk layui

Cara menyediakan lompatan pada halaman log masuk layui

Rangka kerja layui menyediakan cara mudah untuk menyediakan lompatan halaman log masuk. Langkah-langkah khusus adalah seperti berikut:

1. Tambah kod lompat

Dalam halaman login.html, tambah kod berikut dalam acara klik butang hantar borang log masuk:

<code class="html">form.on('submit(login)', function(data){
  if(data.field.username === 'admin' && data.field.password === '123456'){
    // 成功登录，跳转到指定页面
    window.location.href = 'index.html';
  }else{
    // 登录失败，提示错误信息
    layer.msg('用户名或密码错误');
  }
  return false;
});</code>

2 konfigurasi

dalam lay Dalam elemen bentuk -filter="login", tambah item konfigurasi berikut:

<code class="html"><form class="layui-form" lay-filter="login">
  <input type="hidden" name="redirect" value="index.html">
</form></code>

Penjelasan prinsip:

• Apabila pengguna mengklik butang log masuk, form.on ('submit(login)' Fungsi dicetuskan. form.on('submit(login)' 函数被触发。
• 如果用户名和密码正确，则跳转到 window.location.href 指定的页面。
• name="redirect" 的隐藏输入字段用于指定跳转的目标页面。当 form 提交时，该值将被传递到服务器端。
• 在服务器端，可以根据 redirect
Jika nama pengguna dan kata laluan adalah betul, lompat ke halaman yang ditentukan oleh window.location.href

🎜name ="redirect" Medan digunakan untuk menentukan halaman sasaran untuk melompat ke Apabila borang diserahkan, nilai ini akan dihantar ke bahagian pelayan, anda boleh melompat berdasarkan nilai parameter redirect untuk mencapai log masuk Fungsi untuk melompat ke halaman yang ditentukan selepas itu 🎜🎜.

Atas ialah kandungan terperinci Bagaimana untuk menyediakan lompat pada halaman log masuk layui. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!