<span style="color:#ff9966;"><span style="font-size: 32px;"><strong>所有用到的圖片都已上傳，請在</strong></span></span><a target=_blank href="http://download.csdn.net/detail/qq_34137397/9667142" style="color: rgb(255, 153, 102); font-size: 32px; font-weight: bold;">這里</a><span style="color:#ff9966;"><span style="font-size: 32px;"><strong>下載</strong></span></span><pre name="code" class="html">$(function(){//驗證方法function validate($dom){var v=$dom.val();var id=$dom.attr("id");var flag=true;switch (id){case "email":$("#email_prompt").html("");var reg=/^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;if(v==""){$("#email_prompt").removeClass().addClass("register_prompt_error").html("電子郵件是必填項，請輸入您的Email地址");$dom.removeClass().addClass("register_input register_input_Blur");flag= false;}else if(reg.test(v)==false){$("#email_prompt").removeClass().addClass("register_prompt_error").html("電子郵件格式不正確，請重新輸入");$dom.removeClass().addClass("register_input register_input_Blur");flag= false;}else{$("#email_prompt").removeClass().addClass("register_prompt_ok");$dom.removeClass().addClass("register_input");}break;case "nickName":$("#nickName_prompt").html("");var reg=/^[a-zA-Z0-9]{4,20}$/;if(v==""){$("#nickName_prompt").removeClass().addClass("register_prompt_error").html("昵稱為必填項，請輸入您的昵稱");$dom.removeClass().addClass("register_input register_input_Blur");flag= false;}else if(reg.test(v)==false){$("#nickName_prompt").removeClass().addClass("register_prompt_error").html("昵稱格式錯誤，請用大小寫英文字母、數字，長度4-20個字符");$dom.removeClass().addClass("register_input register_input_Blur");flag= false;}else{$("#nickName_prompt").removeClass().addClass("register_prompt_ok");$dom.removeClass().addClass("register_input");}break;case "pwd":$("#pwd_prompt").html("");var reg=/^[a-zA-Z0-9]{6,20}$/;if(v==""){$("#pwd_prompt").removeClass().addClass("register_prompt_error").html("密碼為必填項，請設置您的密碼");$dom.removeClass().addClass("register_input register_input_Blur");flag=false;}else if(reg.test(v)==false){$("#pwd_prompt").removeClass().addClass("register_prompt_error").html("密碼格式錯誤，請用大小寫英文字母、數字，長度6-20個字符");$dom.removeClass().addClass("register_input register_input_Blur");flag=false;}else{$("#pwd_prompt").removeClass().addClass("register_prompt_ok");$dom.removeClass().addClass("register_input");}break;case "repwd":$("#repwd_prompt").html("");if(v==""){$("#repwd_prompt").removeClass().addClass("register_prompt_error").html("請再次輸入您的密碼");$dom.removeClass().addClass("register_input register_input_Blur");flag=false;}else if($("#pwd").val()!=v){$("#repwd_prompt").removeClass().addClass("register_prompt_error").html("兩次輸入密碼不一致，請重新輸入");$dom.removeClass().addClass("register_input register_input_Blur");flag=false;}else{$("#repwd_prompt").removeClass().addClass("register_prompt_ok");$dom.removeClass().addClass("register_input");}break;default :break;}return flag;}//驗證郵箱$("#email").focus(function(){$(this).removeClass().addClass("register_input register_input_Focus");$("#email_prompt").removeClass().addClass("register_prompt").html("此郵箱將是您登錄當當網的賬號，并將用來接收驗證郵件");}).blur(function(){validate($(this));});//驗證昵稱$("#nickName").focus(function(){$(this).removeClass().addClass("register_input register_input_Focus");$("#nickName_prompt").removeClass().addClass("register_prompt").html("昵稱可由大小寫英文字母、數字組成，長度為4-20個字符");}).blur(function(){validate($(this));});//驗證密碼$("#pwd").focus(function(){$(this).removeClass().addClass("register_input register_input_Focus");$("#pwd_prompt").removeClass().addClass("register_prompt").html("密碼可由大小寫英文字母、數字組成，長度6－20個字符");}).blur(function(){validate($(this));});//驗證重復密碼$("#repwd").focus(function(){$(this).removeClass().addClass("register_input register_input_Focus");}).blur(function(){validate($(this));});//提交表單$("#myform").submit(function(){var flag=true;$(this).find("input").each(function(i,ele){if(!validate($(ele))){flag=false;}});return flag;});//提交按鈕樣式變化$("#registerBtn").mouseover(function(){$(this).attr("src","images/register_btn_over.gif");}).mouseout(function(){$(this).attr("src","images/register_btn_out.gif");});//省市級聯var cityList = new Array();cityList['北京市'] = ['朝陽區','東城區','西城區', '海淀區','宣武區','豐臺區','懷柔','延慶','房山'];cityList['上海市'] = ['寶山區','長寧區','豐賢區', '虹口區','黃浦區','青浦區','南匯區','徐匯區','盧灣區'];cityList['廣州省'] = ['廣州市','惠州市','汕頭市','珠海市','佛山市','中山市','東莞市'];cityList['深圳市'] = ['福田區', '羅湖區', '鹽田區', '寶安區', '龍崗區', '南山區', '深圳周邊'];cityList['重慶市'] = ['俞中區', '南岸區', '江北區', '沙坪壩區', '九龍坡區', '渝北區', '大渡口區', '北碚區'];cityList['天津市'] = ['和平區', '河西區', '南開區', '河北區', '河東區', '紅橋區', '塘古區', '開發區'];cityList['江蘇省'] = ['南京市','蘇州市','無錫市'];cityList['浙江省'] = ['杭州市','寧波市','溫州市'];cityList['四川省'] = ['四川省','成都市'];cityList['海南省'] = ['海口市'];cityList['福建省'] = ['福州市','廈門市','泉州市','漳州市'];cityList['山東省'] = ['濟南市','青島市','煙臺市'];cityList['江西省'] = ['江西省','南昌市'];cityList['廣西省'] = ['柳州市','南寧市'];cityList['安徽省'] = ['安徽省','合肥市'];cityList['河北省'] = ['邯鄲市','石家莊市'];cityList['河南省'] = ['鄭州市','洛陽市'];cityList['湖北省'] = ['武漢市','宜昌市'];cityList['湖南省'] = ['湖南省','長沙市'];cityList['陜西省'] = ['陜西省','西安市'];cityList['山西省'] = ['山西省','太原市'];cityList['黑龍江省'] = ['黑龍江省','哈爾濱市'];cityList['其他'] = ['其他'];$("#province").append(function(){var html="";for (var i in cityList){html+="<option value="+i+">"+i+"</option>";}return $(html);});$("#province").change(function(){var v= $(this).val();var html="";if(v=="請選擇省/城市"){html="<option>請選擇城市/地區</option>";$("#city").html(html);return;}var citys=cityList[v];$.each(citys,function(i,n){html+="<option value="+n+">"+n+"</option>";});$("#city").html(html);}); });

轉載于:https://www.cnblogs.com/a1111/p/6540389.html

總結

以上是生活随笔為你收集整理的当当网新用户注册界面——JS代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。