當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

正则之注册登录

發布時間：2023/12/3 编程问答 18 豆豆

生活随笔收集整理的這篇文章主要介紹了正则之注册登录小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

不久前寫了個登錄注冊的網站，因為未對其做出限制，所以，隨便你輸入什么都可以注冊成功，遂想怎么通過js規定注冊的賬號

我的要求是：
一：輸入框不能為空，不能太長也不能太短
二：
1、注冊的用戶名必須是漢字
2、賬號必須是以英文字母，數字，或者下劃線組成
3、密碼則是英文字母加數字

這里的英文字母指的是大寫字母和小寫字母

實現：

用戶名：

賬號：

密碼：

下面是頁面代碼，僅供參考：

<html><style> #div0,#div1,#div2{display:inline; }.true{font-size:18px;color:red;font-style:italic; }#true{background-image: -webkit-linear-gradient(left,blue,#66ffff 10%,#cc00ff 20%,#CC00CC 30%, #CCCCFF 40%, #00FFFF 50%,#CCCCFF 60%,#CC00CC 70%,#CC00FF 80%,#66FFFF 90%,blue 100%);-webkit-text-fill-color: transparent;/* 將字體設置成透明色 */-webkit-background-clip: text;/* 裁剪背景圖，使文字作為裁剪區域向外裁剪 */-webkit-background-size: 200% 100%; -webkit-animation: masked-animation 2s linear infinite;font-size: 18px;font-style:normal; }</style><body> <script src="ss.js"></script><input type="text" id="gname" onblur="setdiv0()"><div id="div0"></div><br> <input type="text" id="uname" onblur="setdiv1()"><div id="div1"></div><br> <input type="password" id="upwd" onblur="setdiv2()"> <div id="div2"></div><br> <input type="submit" id="button" ></body> </html>

具體就是用到了onblur，失去焦點事件觸發一個函數

總結

以上是生活随笔為你收集整理的正则之注册登录的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

正则