国产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午夜精品亚洲一区二区三区 | 久久国内精品 | 久久永久免费视频 | 日韩亚洲第一页 | 久久亚洲精品国产亚洲老地址 | 精品久久久久久综合日本 | 亚洲日韩欧美视频 | 人禽性动交异族另类 | 国产九九热 | 一本一道| 操日韩 | 极品美女aⅴ高清在线观看 激情综合久久 | 精品伊人久久 | 亚洲国产精品久久久久 | 国产精品专区第二 | 欧美三级经典电影在线观看 | 一区二区国产在线观看 | 亚洲欧洲中文字幕 | 国产第一页在线视频 | 国产免费一区二区三区香蕉精 | 精品亚洲性xxx久久久 | 国产欧美日韩在线视频 | 欧美日韩综合网 | 国产手机在线精品 | 一级毛片一级毛片 | 国产最新网址 | 亚洲色图欧美另类 | 日韩成人免费视频 | 国产成人精品一区二区 | 91频道| 中文字幕久久亚洲一区 | 91精品国产91热久久p | 免费在线国产视频 | 国产亚洲一区二区三区在线观看 | 国产特黄 | 日韩专区亚洲综合久久 | 一区二区三区观看 | 成人国产精品免费网站 | 交换伦交 | 欧美国产日韩在线观看 |