LayUI寫登入註冊頁面遇到的問題

2021-10-14 20:50:29 字數 1120 閱讀 3727

使用layui框架寫登入和註冊介面時,遇到的一些小問題:

輸入框

預設有margin-left:110px;

我想寫「使用者名稱:+輸入框」的時候顯示就會右對齊。

沒有什麼好的解決方法。

只能手動調css,最後懶得調了。

和layuiadmin的布局一樣在輸入框放了個圖示上去。

一開始不知道這麼把登入框寫到居中的地方,

直接網上找教程,參考了這個教程

layui-簡單的登入註冊介面

發現這個也沒完全頁面居中,用絕對定位修改top屬性,手動調到垂直居中。

有個小bug,也不算啥bug,當用body使用layui自帶的背景色layui-bg-color的時候,是深色的話,頁面彈出的小提示layui-layer-content,例如"必填項不能為空"文字就會變成白色,導致看不到文字。也沒大問題,幸好很快發現了,不然又頭禿,手動設定背景色樣式就好。

驗證兩次密碼是否一樣的js,參考layui如何判定密碼不一致和layui無法驗證兩次密碼是否相同,要先引入js並且使用layui.use('form',function())

然後是登入驗證碼,這個最後是參考了layui js實現驗證碼之前參考的都是使用外部jq的,layui內部也有jq,但是一開始不行,寫法有點不一樣,第二天弄竟然行了, 裡面的寫法是$("#canvas").on('click',function())jq是$(#canvas).click(funciton())不知道這兩種寫法有什麼不同,搜一下().

clic

k()和

().click()和

().cli

ck()

和().on(『click』,function(){})的區別,最後在html檔案寫就成功了,本來想引入自己在其它資料夾的js檔案的,減少**冗餘,結果怎麼都不行,最後也是妥協了,就在裡面寫了。

想在下拉框也放個小圖示,一開始顯示不出,被js動態生成的div擋掉了,之後想了下搜了搜顯示到最上層,設定z-index屬性任意正數就好。

之後都是一些繁瑣頁面樣式的問題,接下來要寫後端了,驗證使用者名稱和密碼登入跳轉,還有註冊使用者名稱檢測是否重複和提交跳轉這兩個小功能,繼續當乙個cv工程師。

14 登入註冊頁面

密碼登入 簡訊登入 登入登入 立即註冊 流程1.components中新建login.vue檔案,寫入如上 2.components中的header.vue中.匯入元件,註冊元件,使用元件 3.登入註冊繫結點選事件,為login元件使用條件渲染指令v if,指定乙個值is login控制login元...

PHP登入註冊頁面

設定字符集 mysqli select db link,login name post username pwd post password rpwd post re password code post code if link else if strlen pwd 5 strlen pwd 10...

bootstrap建立登入註冊頁面

用bootstrap做登入註冊頁面,使用validate做表單驗證 技術 bootstrap,font awesome,jquery validate 宗旨 從實戰中學知識。驗證碼實現功能 itdragon部落格 效果圖 messages 個字 符 register form validate rp...