91亚洲精品一区二区乱码_国产精品久久久久久久_精品国产91久久久久久老师_国产美女精品视频免费播放软件_日韩欧美国产成人_亚洲aⅴ网站_亚洲另类在线一区_黄毛片在线观看_久久久精品国产免大香伊 _北岛玲精品视频在线观看

您的位置:首頁 > 教程筆記 > 前端筆記

點擊提交按鈕實現彈出警告框表單驗證效果

2023-12-04 13:40:09 前端筆記 157

本章節介紹一下如何實現基本的表單驗證功能。

最為常見的一種方式就是當點擊提交按鈕的時候,如果有表單的內容填寫不符合規范那么就會彈出警告框。

代碼實例:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="/" />
<title>實例</title>
<script type="text/javascript">  
function $(id){  
  return document.getElementById(id);  
}  
      
function check(){  
  var email = $("email").value;  
  var password = $("password").value;  
  var repassword = $("repassword").value;  
  var name = $("name").value;  
          
  if(email == "") {  
    alert("Email值不能為空");  
    $("email").focus();  
    return false;  
  }  
          
  if(email.indexOf("@") == -1 || email.indexOf(".") == -1){  
    alert("郵箱格式不正確,必須包含@和.");  
    $("email").focus();  
    return false;  
  }  
          
  if(password == ""){  
    alert("密碼不能為空");  
    $("password").focus();  
    return false;  
  }  
          
  if(password.length < 6) {  
    alert("密碼長度必須大于或者等于6");  
    $("password").focus();  
    return false;  
  }  
          
  if(repassword != password) {  
    alert("兩次輸入的密碼不一致");  
    $("repassword").focus();  
    return false;  
  }  
          
  if(name == "") {  
    alert("姓名不能為空");  
    $("name").focus();  
    return false;  
  }  
          
  for(var i = 0; i < name.length; i++) {  
    var j = name.subString(i , i+1);  
    if(isNaN(j) == false) {  
      alert('姓名中不能包含數字');  
      $("name").focus();  
      return false;  
    }  
  }  
} 
window.onload=function(){
  var obt=document.getElementById("bt");
  obt.onclick=function(){return check()}
}
</script>
</head>
<body>
<form name="login_form" method="post">
  <div>Email:<input type="text" name="email" id="email"/></div>
  <div>密碼:<input type="password" name="password" id="password"/></div>
  <div>重輸密碼:<input type="password" name="repassword" id="repassword"/></div>
  <div>姓名:<input type="text" name="name" id="name"/></div>
  <div><input id="bt" type="submit" value="注冊"/></div>
</form>
</body>
</html>

上面的代碼實現了我們的要求,如果表單元素值不滿足要求,則會彈出提示框,下面簡單介紹一下需要注意的一些問題。

if語句中都有一個return false,這是為了跳出函數的執行,并且能夠阻止按鈕的默認動作,否則的話依然會提交表單。

focus()方法則是為了使不符合要求的當前表單元素獲取焦點。

1.focus()方法可以參閱javascript password.focus()一章節。

2.return false可以參閱javascript return false的作用是什么一章節。

3.indexOf()方法可以參閱javascript String indexOf()一章節。

4.isNaN()方法可以參閱javascript isNaN()一章節。  

相關推薦

久视频在线观看| 中国一区二区三区| 国产伦精品一区二区三区妓女 | 51ⅴ精品国产91久久久久久| 九九九九免费视频| 中文字幕+乱码+中文乱码www| 欧美1区3d| 一本到三区不卡视频| 国产精品自在线| av免费观看不卡| 欧美一区二区三区婷婷| heyzo一本久久综合| 国产亚洲激情视频在线| 香港三级日本三级a视频| 天堂网视频在线| 欧美成人午夜| 欧洲人成人精品| 国产女人水真多18毛片18精品| 免费成人深夜天涯网站| 国产精品白丝av嫩草影院| 欧美国产精品v| 韩剧1988在线观看免费完整版| 一级在线免费视频| 香蕉视频黄在线观看| 国产一区 二区 三区一级| 亚洲毛片在线免费观看| 国产日韩亚洲欧美在线| 怡红院男人天堂| 午夜影院日韩| 亚洲成人黄色网| 亚洲午夜精品一区二区| 影音先锋在线国产| 91久久亚洲| 欧美高清dvd| 日韩动漫在线观看| 亚洲精品国产精品乱码| 欧美全黄视频| 欧美一区二区三区视频免费| 日韩欧美三级电影| 9i精品福利一区二区三区| 亚洲看片一区| 精品剧情在线观看| 手机在线视频你懂的| 日本视频www色| 久久久久久自在自线| 亚洲电影免费观看| 国产精品一色哟哟| 精品久久久中文字幕人妻| 精品无人码麻豆乱码1区2区| 亚洲欧美综合精品久久成人| 国产深夜男女无套内射| 欧美一级特黄aaaaaa| 国产成人精品亚洲午夜麻豆| 久热精品视频在线观看| 国产传媒免费观看| 成人网av.com/| 综合自拍亚洲综合图不卡区| 成人xvideos免费视频| 黑人狂躁日本娇小| 亚洲深深色噜噜狠狠爱网站| 欧美精品三级在线观看| 青青草影院在线观看| 91亚洲国产成人精品一区| 麻豆成人免费电影| 久久这里有精品| 精产国品一二三区| 精品自拍偷拍| 欧美午夜精品久久久久久久| 国产一区二区免费电影| 国产又大又黄视频| 日av在线不卡| 按摩亚洲人久久| 亚洲视频在线不卡| 老司机成人在线| 日韩欧美在线视频日韩欧美在线视频| 六十路精品视频| 日韩黄色片网站| 精品在线观看视频| 欧美精品午夜视频| 无码精品一区二区三区在线播放| 亚洲va久久| 欧美四级电影网| www.国产亚洲| 五月婷婷六月丁香综合| 国产欧美日韩综合| 亚洲精品日韩av| 日本在线观看中文字幕| 国产精品久久久久毛片大屁完整版 | 欧美性猛交xx| 日韩福利视频一区| 欧美三级日韩在线| 99久久99久久精品| 日本成人三级电影| 亚洲视频图片小说| 久久久www免费人成黑人精品| 亚洲高清视频免费观看| 国产一区二区三区四区在线观看| 久久久久久有精品国产| 中国女人特级毛片| 欧美fxxxxxx另类| 亚洲欧美国产日韩天堂区| 日本一二区免费| 欧美a级网站| 欧美日本免费一区二区三区| 日韩小视频网站| 精品亚洲a∨| 五月天视频一区| 日韩av在线电影观看| 亚洲AV无码国产精品午夜字幕| 久久一区二区三区四区| 亚洲va男人天堂| 欧美超碰在线观看| 成人久久18免费网站麻豆| 国产精品尤物福利片在线观看| 国产一级二级毛片| 激情另类小说区图片区视频区| 91精品国产91久久久久久久久| 日韩亚洲欧美中文字幕| 国产一级久久| 久久免费国产精品1| 亚洲波多野结衣| 石原莉奈在线亚洲二区| 午夜精品国产精品大乳美女| 永久免费看片视频教学| 日本网站在线观看一区二区三区| 久久免费观看视频| 欧美交换国产一区内射| 久久国产精品第一页| 欧美在线观看网址综合| 国产亚洲欧美久久久久| 国产乱人伦精品一区二区在线观看 | 日韩一区二区三区在线看| 欧美视频自拍偷拍| 18禁男女爽爽爽午夜网站免费| theporn国产在线精品| 欧美一区二区精品在线| 中文字幕22页| 成人一区二区| 怡红院精品视频| 最近中文字幕免费视频| 国产亚洲一区在线| 青草青草久热精品视频在线网站 | 精品国产拍在线观看| 成人国产精品久久久网站| 亚洲一区二区网站| 777午夜精品福利在线观看| 久草视频手机在线观看| 国产精品一区二区在线观看网站| 成人xxxx视频| 国产ts变态重口人妖hd| 亚洲免费毛片网站| 亚洲色婷婷久久精品av蜜桃| 国产成年精品| 日韩三级.com| 激情综合激情五月| 99亚洲视频| 57pao成人永久免费视频| 圆产精品久久久久久久久久久| 99久久久无码国产精品| 精品日本一区二区三区| 666av成人影院在线观看| 日韩欧美黄色动漫| 午夜dv内射一区二区| 成人一二三区| 久久综合伊人77777尤物| 精品99久久久久成人网站免费| 国产成人精品免费| 久久精品人成| 成人一级视频| 欧美一级爆毛片| 毛茸茸free性熟hd| 日韩激情一二三区| 91精品国产综合久久香蕉最新版| 国产精品免费无遮挡| 一区二区久久久| 日本a视频在线观看| 久操国产精品| 色999日韩欧美国产| 国产精品丝袜一区二区| 成人动漫一区二区三区| 欧美精品成人一区二区在线观看 | 日韩电影免费观| 欧美日韩国产123区| 欧洲在线免费视频| 99热这里只有成人精品国产| 国产精品成人一区二区三区吃奶| 91美女精品网站| 天天影视网天天综合色在线播放| 欧美日韩在线成人| 欧美一区影院| 日本免费在线精品| 99久久久国产精品无码免费| 精品日韩美女的视频高清| 成年网站在线播放| 亚洲黄色精品| 国产女精品视频网站免费| 免费av一级片| 欧美群妇大交群中文字幕| 亚洲熟女一区二区| 久久国产欧美日韩精品| 国产一区二区三区四区hd| 欧美黄页免费| 日韩精品在线免费观看| 成熟的女同志hd| 国产亚洲福利社区一区| 日韩专区第三页| 日韩欧美精品一区| 97碰碰碰免费色视频| 国产精品无码专区av免费播放| 欧美性色19p| 中文字幕亚洲日本| 免费人成精品欧美精品| 精品一区二区三区日本| 久久久91麻豆精品国产一区| 亚洲天堂成人在线| 日本a在线观看| 亚洲啪啪综合av一区二区三区| aa免费在线观看| 亚洲国产91| 99re视频在线观看| 91麻豆精品一二三区在线| 亚洲毛片在线免费观看| 亚洲免费激情视频| 亚洲一区二区高清| 久久久久亚洲av无码麻豆| 美女mm1313爽爽久久久蜜臀| 欧美日本韩国在线| 欧洲亚洲视频| 久久久免费观看视频| 99国产精品久久久久久久成人| 欧洲精品一区二区三区在线观看| 国产呦小j女精品视频| 99在线精品视频| 青青青青在线视频| 综合视频在线| 亚洲r级在线观看| 亚洲福利影视| 久久精品视频播放| 亚洲特级黄色片| 9191久久久久久久久久久| 国产三级在线观看完整版| 国产人成一区二区三区影院| 日韩中文字幕二区| 免费观看成人鲁鲁鲁鲁鲁视频| 欧美乱偷一区二区三区在线| 欧美男gay| 国产精品成人国产乱一区| 天然素人一区二区视频| 亚洲天堂男人天堂女人天堂| 69视频免费在线观看| 欧美丝袜第一区| 一级黄色片大全| 欧美激情一区在线观看| 尤蜜粉嫩av国产一区二区三区| 美洲天堂一区二卡三卡四卡视频| 午夜精品福利一区二区| 日韩av在线播放网址| 成人黄色片网站| 亚洲精品午夜| 韩剧1988免费观看全集| 国产伦精品一区二区三区视频金莲| 日韩成人激情视频| 手机av免费观看| 7777女厕盗摄久久久| 欧美人禽zoz0强交| 五月天欧美精品| 久久精品无码一区| 国产精品国模大尺度视频| 亚洲第一色av| 不卡av在线网| 免费激情视频在线观看| 国模娜娜一区二区三区| 大胆欧美熟妇xx| 久久亚洲风情| 一区二区三区av| 激情久久久久久| 欧美日韩精品不卡| 国产韩日影视精品| 国产伦一区二区三区色一情| 国产欧美一区二区精品久久久| 国产在线观看精品| 国产精品调教视频| 国产精品99久久久久久人| av一级久久| 欧美一区深夜视频| 亚瑟国产精品| 91福利视频在线观看| 欧美午夜三级| 国语自产精品视频在线看| 成人黄色视屏网站| 久久久久中文字幕2018| 亚洲精品.com| 欧美激情一二区| 久久亚洲国产精品尤物| 欧美激情二区三区| 国产一区精品福利| 97精品视频在线观看| 在线播放成人| 清纯唯美亚洲综合| 在线日韩成人| 国产综合色香蕉精品| 亚洲人成网站77777在线观看| 成人精品视频在线| 伊人久久大香线蕉无限次| 999热视频| 99久久激情| 奇米影视首页 狠狠色丁香婷婷久久综合| 亚洲精品一区二区在线看| 精品视频导航| 欧美日韩爆操| 正在播放91九色| 日韩国产在线一| 欧美日韩黄色一级片| 国产在线精品一区二区三区不卡 | 免费观看成人性生生活片| 欧美另类极品videosbestfree| 欧美日韩五区| 8x海外华人永久免费日韩内陆视频| 精品三级国产| 国产区精品视频| 精品国产精品国产偷麻豆| 精品综合久久久| 狠狠爱www人成狠狠爱综合网| 色一情一区二区三区四区| 国产亚洲在线观看| av免费观看大全| 东方aⅴ免费观看久久av| 拔插拔插华人永久免费| 国产精品日韩成人| 99久久久无码国产精品衣服| 欧美午夜片在线免费观看| 国产一级视频在线| 精品国产伦一区二区三区免费| 一区二区三区黄色片| 中文字幕综合在线| 国产极品一区| 国产精品jizz在线观看麻豆| 在线观看欧美理论a影院| 久久riav二区三区| 亚洲国内精品| 成熟了的熟妇毛茸茸| 99久久婷婷国产综合精品| 国产中文字幕一区二区| 天天av天天翘天天综合网| 国产成人啪精品午夜在线观看| 精品处破学生在线二十三| www.天堂在线| 国产69精品久久久| 牛牛影视一区二区三区免费看| 国内精品国语自产拍在线观看| 亚洲精品字幕| 播放灌醉水嫩大学生国内精品| 97久久超碰国产精品| 久久精品国产亚洲AV熟女| 色综合色狠狠天天综合色| 无码人妻精品一区二区三区不卡 | 一区国产精品| 国产一区二区福利视频| 18深夜在线观看免费视频| 亚洲一区影音先锋| 国产a∨精品一区二区三区仙踪林| 日韩国产精品视频| 电影亚洲一区| 亚洲999一在线观看www| 欧美精品偷拍| 欧美日韩国产精品激情在线播放| 久久免费精品国产久精品久久久久| 公侵犯人妻一区二区三区| 欧美日韩国产a| 精品久久国产视频| 欧美伊久线香蕉线新在线| 欧美日韩一二| 国产精品久久久影院| 99精品视频免费在线观看| 日本黄色网址大全| 欧美日韩在线一区二区| 精品二区在线观看| 国产91精品高潮白浆喷水| 日韩国产专区| 日本人妻伦在线中文字幕| 久久久一区二区三区捆绑**| 国产又粗又猛又爽又黄的视频四季 | 疯狂做受xxxx欧美肥白少妇 | 日韩精品一区二区在线| 性xxxfllreexxx少妇| 国产精品免费看久久久香蕉| 国产综合网站| 午夜免费一区二区| 夜夜揉揉日日人人青青一国产精品| 成年人午夜视频| 色偷偷综合社区| 乱亲女h秽乱长久久久| 婷婷四月色综合| 不卡影院免费观看| 日本在线观看网址| 亚洲风情亚aⅴ在线发布| 欧美日韩视频免费看| 国内精品视频在线播放| 激情综合色综合久久综合| 又黄又色的网站|