So richten Sie Jump on Laui-Anmeldeseite ein-Layui-Tutorial-php.cn

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:

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; });

Nach dem Login kopieren

2 Konfiguration

in Lay Fügen Sie im Formularelement von -filter="login" die folgenden Konfigurationselemente hinzu:

Nach dem Login kopieren

Grundsatzerklärung:

Wenn der Benutzer auf die Anmeldeschaltfläche klickt, wirdform.on( 'submit(login)'Die Funktion wird ausgelöstform.on('submit(login)'函数被触发。
如果用户名和密码正确，则跳转到window.location.href指定的页面。
name="redirect"的隐藏输入字段用于指定跳转的目标页面。当 form 提交时，该值将被传递到服务器端。
在服务器端，可以根据redirect

window.location.href

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!