亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

JS開(kāi)發(fā)驗(yàn)證表單教程之項(xiàng)目介紹

本課程以開(kāi)發(fā) 《javascript開(kāi)發(fā)驗(yàn)證表單》做為課程項(xiàng)目實(shí)例，為大家講解開(kāi)發(fā) 《javascript開(kāi)發(fā)驗(yàn)證表單》的思路。

準(zhǔn)備工作：

?新建一個(gè)form.html頁(yè)面，然后進(jìn)行布局，編寫(xiě)js代碼

下面我們來(lái)看一下開(kāi)發(fā)驗(yàn)證表單的流程圖：

流程圖.png

我們來(lái)講解一下流程圖

1.首先我們要判斷用戶名是否為空，不為空我們接著判斷是否符合規(guī)范，不符合要求，給出提示信息，符合規(guī)范我們接著往下驗(yàn)證

2.驗(yàn)證密碼是否為空，為空給出提示信息，不為空，判斷是否符合規(guī)范

3接著判斷郵箱，為空是給出提示信息，不為空，使用正則表達(dá)式匹配，是否符合郵箱格式

4在判斷愛(ài)好是否為空，為空給出提示信息，不為空看是否符合規(guī)范。


繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <title></title> </head> <body>     <div id="div">         <form>             <label>用戶名:</label>             <input type="text" class="name" id="name">             <div id="sp" class="div"></div>                             <label>密 碼:</label>             <input type="password" class="pwd" id="pwd">             <div id="sp1" class="div"></div>             <label>郵 箱:</label>             <input type="text" class="email" id="email">             <div id="sp2" class="div"></div>             <label>愛(ài) 好:</label>             <textarea rows="5" cols="30" class="txt" id="txt"></textarea>             <div id="sp3" class="div"></div>             <input type="button" class="sub" value="注冊(cè)" id="sub">         </form>     </div> </body> </html>
提交重置代碼