国产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
主站蜘蛛池模板: 欧美精品午夜久久久伊人 | 91精品观看91久久久久久 | 欧美第一精品 | 国产区视频在线 | 国产精品国产欧美综合一区 | 欧美成a人片在线观看 | 欧美日韩三区 | 在线播放一区二区 | 国产成人久久久精品一区二区三区 | 亚洲欧美网站 | 欧美一区二区三区视频在线观看 | 国产精品久久久久… | 欧美日韩亚洲一区二区三区 | 精品国产一区二区三区在线 | www日韩 | 日韩专区一区 | 99久久精品国产综合一区 | 久久精品国产精品亚洲20 | 天天曰夜夜曰 | 久久婷婷久久一区二区三区 | 无遮挡免费看 | 一本久久精品一区二区 | 就爱啪啪网 | 国产精品麻豆a在线播放 | 日本久久久久久久 | 亚洲日本香蕉视频 | 欧美日韩精品一区二区在线播放 | 可播放的免费男男videos不卡 | 亚洲国产天堂久久九九九 | 老司机精品视频一区二区 | 国产 欧美 在线 | 欧美日韩亚洲一区二区 | 免费观看的黄色网址 | 欧美精品第二页 | 一级毛片特黄久久免费看 | 黄色视频毛片 | 伊人婷婷色 | 国产日韩视频 | 免费中文字幕 | 日韩精品免费看 | 国产免费一区二区三区免费视频 |