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

JS開發(fā)驗(yàn)證表單教學(xué)課程介紹

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

準(zhǔn)備工作：

?新建一個(gè)form.html頁面，然後進(jìn)行佈局，編寫js程式碼

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

流程圖.png

我們來講解流程圖

1.首先我們要判斷使用者名稱是否為空，不為空我們接著判斷是否符合規(guī)範(fàn)，不符合要求，給予提示訊息，符合規(guī)範(fàn)我們接著往下驗(yàn)證

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

3接著判斷郵箱，為空是給出提示訊息，不為空，使用正規(guī)表示式匹配，是否符合郵箱格式

4在判斷嗜好是否為空，為空給予提示訊息，不為空看是否符合規(guī)範(fàn)。


繼續(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>愛 好:</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>
提交重置程式碼