欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

JS一個簡單的注冊頁面實例

如下所示：

公司主營業(yè)務(wù)：網(wǎng)站設(shè)計制作、成都網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴(yán)謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出壽陽免費做網(wǎng)站回饋大家。

<!DOCTYPE html>
<html>

  <head>
    <meta charset="UTF-8">
    <title></title>
  </head>
  <script src="js/jquery-1.8.0.min.js"></script>
  <script>
//    $(function(){
//      $("input[name='uname']").blur(function(){
//        var unamestr = $(this).val();
//        var regstr = /^[\u4e00-\u9fa5]{2,4}$/;//2到4位漢字
//        
//      });
//    });
    function checkname(){
      var regstr = /^[\u4e00-\u9fa5]{2,4}$/; //^匹配開始 $匹配結(jié)束,2到4位漢字
      var namestr = document.regform.uname.value;
      if(!regstr.test(namestr)){
        x = document.getElementById("errorname").innerHTML="必須2-4位漢字";
//        x.style.color="green";
        return false;
        
      }
      x=document.getElementById("errorname").innerHTML="格式正確";
//      x.style.color="red";
      return true;
    }
    function checkpass(){
      var regstr = /^\w{6,8}$/;//  ^匹配開始 $匹配結(jié)束   \w表示數(shù)字字母下劃線
      var passstr = document.regform.upass.value;
      if(!regstr.test(passstr)){
        document.getElementById("errorpwd").innerHTML="必須是6-8位數(shù)字,字母或下劃線";
        return false;
      }
      document.getElementById("errorpwd").innerHTML="格式正確";
      return true;
    }
    function checkpass2(){
      
      var passstr = document.regform.upass.value;
      var passstr2 = document.regform.upass2.value;
//      alert("fds");
      if(passstr==passstr2){
        document.getElementById("errorpwd2").innerHTML="兩次密碼輸入一致";
        return true;
      }
      
      document.getElementById("errorpwd2").innerHTML="兩次密碼輸入不一致";
      return false;
    }
    function checkForm(){
      if(checkname()&&checkpass()&&checkpass2())
        return true;
      return false;
    }
    var citylist = new Array();
    citylist[0] = ["海淀區(qū)","朝陽區(qū)","東城區(qū)"];
    citylist[1] = ["石家莊","邢臺","邯鄲","保定"];
    citylist[2] = ["鄭州","開封","洛陽"];
    function changecity(prov){
      //清空選項框中的選項
      document.regform.selcity.innerHTML = "";
      if(prov == "0"){
        document.regform.selcity.innerHTML = "<option value='0'>選擇城市</option>";
        return;
      }
      var provindex = parseInt(prov)-1;
      var citys = citylist[provindex];
        var optionsstr = "";
        for(var i = 0; i < citys.length; i++) {
          var city = citys[i];
          optionsstr += "<option value='" + city + "'>" + city + "</option>";
        }
        document.regform.selcity.innerHTML = optionsstr;
    }
    
  </script>
  <style>
    body {
      font-size: 14px;
    }
    
    #home {
      width: 600px;
      height: 300px;
      background-color: aquamarine;
      margin: auto;/*div居中*/
      margin-top: 50px;
      padding-top: 20px;
    }
    
    .dl1 {
      clear: both;
    }
    
    .dl1 dt {
      width: 150px;
      float: left;
      height: 30px;
      line-height: 30px;
      text-align: right;
    }
    
    .dl1 dd {
      padding-top: 8px;
      float: left;
    }
    #div1{
      padding-top: 45px;
      width: 120px;
      margin: auto;
    }
    h2{
      text-align: center;
    }
  </style>

  <body>
    
    <div id="home">
      <h2>用戶注冊</h2>
      <form action="index.html" name="regform" method="post" onsubmit="return checkForm()">
        <dl class="dl1">
          <dt>用戶姓名 : </dt>
          <dd><input type="text" name="uname" onblur="checkname()" /></dd>
          <dd id="errorname"></dd>
        </dl>
        <dl class="dl1">
          <dt>用戶密碼 : </dt>
          <dd><input type="password" name="upass" onblur="checkpass()"/></dd>
          <dd id="errorpwd"></dd>
        </dl>
        <dl class="dl1">
          <dt>再次輸入密碼 : </dt>
          <dd><input type="password" name="upass2" onblur="checkpass2()" /></dd>
          <dd id="errorpwd2"></dd>
        </dl>
        <dl class="dl1">
          <dt>用戶性別 : </dt>
          <dd>
            <input type="radio" name="sex" checked="checked" />男
            <input type="radio" name="sex" />女
          </dd>
          <dd id="errorpwd"></dd>
        </dl>
        <dl class="dl1">
          <dt>用戶愛好 : </dt>
          <dd>
            <input type="checkbox" />上網(wǎng)
            <input type="checkbox" />讀書
            <input type="checkbox" />唱歌
          </dd>
        </dl>
        <dl class="dl1">
          <dt>用戶籍貫 : </dt>
          <dd>
            <select name="selprov" onchange="changecity(this.value)">
              <option value="0">選擇省份</option>
              <option value="1">北京</option>
              <option value="2">河北</option>
              <option value="3">河南</option>
            </select>
          </dd>
          <dd>
            <select name="selcity">
              <option value="0">選擇城市</option>
            </select>
          </dd>
        </dl>
        <div id="div1">
          <input type="submit" value="提交"/>
          &nbsp;<input type="reset" value="重置"/>
        </div>
      </form>
    </div>
  </body>

</html>

以上這篇JS一個簡單的注冊頁面實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。

當(dāng)前題目：JS一個簡單的注冊頁面實例
本文鏈接：http://chinadenli.net/article6/jpsiog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、外貿(mào)建站、移動網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、用戶體驗、網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)