国产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
主站蜘蛛池模板: 伊人久久中文字幕久久cm | 国产高清精品一级毛片 | 又大又硬又爽 | 91欧美亚洲 | 国产精品九九久久精品女同 | 在线观看日韩欧美 | 看全色黄大色黄女片爽毛片 | 中文字幕亚洲综合 | 国产欧美日韩一区二区三区 | 一级毛片免费毛片一级毛片免费 | 精品国产一区二区二三区在线观看 | 黄色毛片免费在线观看 | 国产视频一二三区 | 国产一区二区三区视频 | 一区二区在线播放视频 | 国产视频1 | 精品欧美一区二区在线观看欧美熟 | 国产亚洲欧美在线人成aaaa | 四虎福利视频 | 可以看的毛片网站 | 国产精品久久久久久久久久久久 | 一区二区三区福利 | 中文字幕无线码一区 | 91中文字幕在线观看 | 欧美第五页 | 欧美日一区二区三区 | 国产精品亚洲精品不卡 | 欧美亚洲综合在线观看 | 天天色图| 欧美视频三区 | 中文国产成人精品少久久 | 日韩亚洲第一页 | 欧美色图中文字幕 | 欧美日韩在线高清 | 亚洲伊人久久综合一区二区 | 激情欧美一区二区三区中文字幕 | 国产网站在线 | 久久精品国产亚洲欧美 | 国产片欧美片亚洲片久久综合 | 国产精品免费在线播放 | 91精品日本久久久久久牛牛 |