国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

利用jquery制作用戶登陸界面

來源:懂視網 責編:小采 時間:2020-11-27 20:13:38
文檔

利用jquery制作用戶登陸界面

利用jquery制作用戶登陸界面: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <script src="js/jquery-1.8.0.min.js"></script> 8 <script> 9 var cnre
推薦度:
導讀利用jquery制作用戶登陸界面: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <script src="js/jquery-1.8.0.min.js"></script> 8 <script> 9 var cnre
 1 <!DOCTYPE html>
 2 <html> 
 3 <head> 
 4 <meta charset="UTF-8"> 
 5 <title></title> 
 6 </head> 
 7 <script src="js/jquery-1.8.0.min.js"></script> 
 8 <script>
 9 var cnresu = false;
 10 $(function(){
 11 $("input[name='uname']").blur(function(){//blur從鏈接上移開焦點(鼠標離開框時)
 12 var unamestr = $(this).val();
 13 var regstr = /^[\u4e00-\u9fa5]{2,4}$/;
 14 if(!regstr.test(unamestr)){
 15 $(this).parent().next("dd").html("必須是2-4個漢字");
 16 cnresu = false;
 17 return;
 18 }
 19 cnresu = true;
 20 });
 21 $("input[name='uname']").focus(function(){//focus給予鏈接焦點(鼠標點中框時)
 22 $(this).css("border","solid 1px #dddddd");
 23 //$(this).val("");
 24 $(this).parent().next("dd").html("");
 25 });
 26 });
 27 </script>
 28 <style>
 29 #home{
 30 width: 600px;
 31 height: 300px;
 32 margin: auto;
 33 background-color: #7FFFD4;
 34 }
 35 #head{
 36 padding-top: 20px;
 37 height: 100px;
 38 }
 39 .dl1{
 40 clear: both;
 41 }
 42 .dl1 dt{
 43 float: left;
 44 text-align: right;
 45 width: 150px;
 46 height: 30px;
 47 line-height: 30px;
 48 }
 49 .dl1 dd{
 50 float: left;
 51 height: 30px;
 52 line-height: 30px;
 53 }
 54 #foot{
 55 text-align: center;
 56 }
 57 h1{
 58 padding-top: 20px;
 59 text-align: center;
 60 color: bisque;
 61 }
 62 </style>
 63 <body>
 64 <p id="home">
 65 <h1>用戶登陸</h1>
 66 <p id="head">
 67 <form action="biaodan.html" name="regform" method="post" >
 68 <dl class="dl1">
 69 <dt>用戶名 : </dt>
 70 <dd><input type="text" name="uname"/></dd>
 71 <dd id="erroruname"></dd>
 72 </dl>
 73 <dl class="dl1">
 74 <dt>密碼 : </dt>
 75 <dd><input type="password"/></dd>
 76 <dd id="errorpass"></dd>
 77 </dl>
 78 </p>
 79 <p id="foot">
 80 <input type="submit" value="提交"/>
 81 <input type="reset" value="重置"/>
 82 </p
 >83 </form>
 84 </p>
 85 </body>
 86 </html>

運行截圖

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

利用jquery制作用戶登陸界面

利用jquery制作用戶登陸界面: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <script src="js/jquery-1.8.0.min.js"></script> 8 <script> 9 var cnre
推薦度:
標簽: 登錄 制作 用戶
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 日韩有码在线观看 | 亚洲另类色图 | 亚洲一区三区 | 欧美极品在线观看 | 国产精品视频久久久久久 | 国产三级在线免费 | 99久久99这里只有免费的精品 | 国产精品久久网 | 一区二区三区91 | 欧美精品日韩 | 久久综合中文字幕一区二区 | 久久亚洲精品国产精品777777 | 伊人精品在线视频 | 国产欧美在线观看一区二区 | 欧美成人日韩 | 日韩精品国产精品 | 国产精品久久久久久久专区 | 欧美日韩国产在线 | 久久福利免费视频 | 亚洲欧美日韩另类在线专区 | 久久久国产一区二区三区 | 精品国产免费人成在线观看 | 麻豆一区二区 | 久久久网久久久久合久久久久 | 精品视频一区二区三区 | 久久久久女人精品毛片九一 | 国产成人精品日本亚洲语音1 | 欧美日韩视频 | 久久精品a亚洲国产v高清不卡 | 精品一区 二区三区免费毛片 | 欧美高清正版在线 | 黄网站免费在线观看 | 欧美日韩视频一区三区二区 | 中文欧美日韩 | 91色老99久久九九爱精品 | 一级免费毛片 | 亚洲成人一区在线 | 国产精选视频在线观看 | 99精品国产高清一区二区三区香蕉 | 亚洲专区欧美专区 | 欧美日韩免费一区二区在线观看 |