Comment configurer le saut sur la page de connexion Layui

Comment configurer un saut sur la page de connexion layui

Le framework layui fournit un moyen pratique de configurer un saut de page de connexion. Les étapes spécifiques sont les suivantes :

1. Ajoutez le code de saut

Dans la page login.html, ajoutez le code suivant dans l'événement de clic du bouton d'envoi du formulaire de connexion :

<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. configuration

in lay Dans l'élément de formulaire de -filter="login", ajoutez les éléments de configuration suivants :

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

Explication du principe :

• Lorsque l'utilisateur clique sur le bouton de connexion, form.on( 'submit(login)' La fonction est déclenchée form.on('submit(login)' 函数被触发。
• 如果用户名和密码正确，则跳转到 window.location.href 指定的页面。
• name="redirect" 的隐藏输入字段用于指定跳转的目标页面。当 form 提交时，该值将被传递到服务器端。
• 在服务器端，可以根据 redirect
Si le nom d'utilisateur et le mot de passe sont corrects, accédez à la page spécifiée par window.location.href

🎜name=. "redirect" Le champ est utilisé pour spécifier la page cible vers laquelle accéder Lorsque le formulaire est soumis, cette valeur sera transmise côté serveur, vous pouvez accéder en fonction de la valeur du. Paramètre redirect pour réaliser la connexion. La fonction pour accéder ensuite à la page spécifiée 🎜🎜.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!