Heim >Web-Frontend >Layui-Tutorial >So richten Sie Jump on Laui-Anmeldeseite ein
So richten Sie einen Sprung auf der Laui-Anmeldeseite ein
Das Laui-Framework bietet eine praktische Möglichkeit, einen Sprung auf die Anmeldeseite einzurichten. Die spezifischen Schritte sind wie folgt:
1. Fügen Sie den Sprungcode hinzu
Fügen Sie auf der Seite login.html den folgenden Code im Klickereignis der Schaltfläche zum Senden des Anmeldeformulars hinzu:
<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 Konfiguration
in Lay Fügen Sie im Formularelement von -filter="login" die folgenden Konfigurationselemente hinzu:
<code class="html"><form class="layui-form" lay-filter="login"> <input type="hidden" name="redirect" value="index.html"> </form></code>
Grundsatzerklärung:
form.on( 'submit(login)'
Die Funktion wird ausgelöst form.on('submit(login)'
函数被触发。window.location.href
指定的页面。name="redirect"
的隐藏输入字段用于指定跳转的目标页面。当 form 提交时,该值将被传递到服务器端。redirect
window.location.href
angegebenen Seite name= „redirect“
Das Feld wird verwendet, um die Zielseite anzugeben, zu der gesprungen werden soll. Wenn das Formular gesendet wird, wird dieser Wert an die Serverseite übergeben. Auf der Serverseite können Sie basierend auf dem Wert springen redirect
-Parameter, um die Anmeldung zu erreichen. Die Funktion, um anschließend zur angegebenen Seite zu springen 🎜🎜.Das obige ist der detaillierte Inhalt vonSo richten Sie Jump on Laui-Anmeldeseite ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!