亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

js表單序列化判斷空值的實例

2019-11-19 15:19:49
字體:
來源:轉載
供稿:網友

學習javaweb的時候,做了將頁面上的的表單信息添加到數據庫中的練習。提交表單的時候,需要保證每個輸入框、單選按鈕、復選框等都不為空,剛開始的時候挨個獲取控件的值進行判斷是否為空,后來認識了表單序列化這么一個方法,就是了下用序列化來判斷空值

//form表單頁面

<form id="basicInfo" action="EmployeeServlet?flag=addEmployeeInfo" method="post">  <div class="formbody">    <div class="formtitle"><span>基本信息</span></div>    <ul class="forminfo">      <li>        <label>員工賬號</label>        <input id="account" name="account" type="text" class="dfinput" readOnly="true" />        <i>設置員工姓名和入職時間后,系統自動生成,無法更改</i>      </li>      <li>        <label>員工姓名</label>        <input name="name" type="text" class="dfinput" id="name" />        <i>姓名不能為數字</i>      </li>      <li>        <label>密碼</label>        <input name="password" type="password" class="dfinput" id="pwd" placeholder="空值或空白則默認密碼為123456" />        <i></i>      </li>      <li>        <label>性別</label>        <cite>          <input name="gender" type="radio" value="男" checked="checked" />男              <input name="gender" type="radio" value="女" />女        </cite>      </li>      <li>        <label>生日</label>        <input id="birth" name="birthday" type="text" class="dfinput" placeholder="格式:yyyy-mm-dd"/>        <i id = "birthTip"></i>      </li>      <li>        <label>手機號碼</label>        <input id="phone" name="telephone" type="text" class="dfinput" />        <i id = "phoneTip"></i>      </li>      <li>        <label>郵箱</label>        <input id="email" name="email" type="text" class="dfinput" />        <i id = "emailTip"></i>      </li>      <li>        <label>地址</label>        <input name="address" type="text" class="dfinput" />        <i id = "addressTip"></i>      </li>      <li>        <label>所屬部門</label>        <select id="dept" class="dfinput" name="dept">                  </select>      </li>      <li>        <label>入職時間</label>        <input id="entrytime" name="entrytime" type="text" class="dfinput" placeholder="格式:yyyy-mm-dd" />        <i id = "timeTip"></i>      </li>      <li>        <label>員工狀態</label>        <select id="empstate" class="dfinput" name="empstate">        </select>      </li>      <li>        <label>直屬上級</label>        <input id="superior" name="superior" type="text" class="dfinput" placeholder="直屬上級員工id" />        <i id = "superTip"></i>      </li>      <li>        <label>職務</label>        <select id="dutyid" class="dfinput" name="dutyid">        </select>      </li>      <li>        <label>角色權限</label>        <select id="authority" class="dfinput" name="authority">        </select>      </li>      <li>        <label> </label>        <input id="savebtn" type="submit" class="btn" value="確認保存"/>      </li>    </ul>  </div></form>

在外鏈js文件中寫了個提交時觸發的事件

$('form').submit(function(){//當密碼為空的時候自動賦值  var pwd = $('#pwd').val();  if(pwd==null || pwd == ''){    $('#pwd').val('123456');  }  var data = $('form').serialize();//表單序列化后返回一個字符串 如:account=123&password=1234&sex=&dept=2  var array = data.split('&');//把字符串按&號分隔成數組 得到 {account=123,password=1234,sex=,dept=2} 字符串數組  for(var i = 0;i < array.length; i++){    var kwarr = array[i].split('=');//循環將數組中的每個子元素字符串用=號分隔成數組 {account,123} {sex,} 然后判斷索引為1的子元素是否存在或為‘' 從而達到了表單判空的目的    if(kwarr[1]===null || kwarr[1] ===''){      alert('除密碼外不能存在空值');      return false;    }  }});

以上就是小編為大家帶來的js表單序列化判斷空值的實例的全部內容了,希望大家喜歡哦~

如果大家想了解更多游戲活動與游戲攻略,請持續關注本站,本站小編將在第一時間為大家帶來最好看、最好玩、最新鮮的游戲資訊。更多精彩內容,盡在jb51游戲頻道!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
91久久久久久国产精品| 日本精品在线视频| 2019国产精品自在线拍国产不卡| 欧美激情视频在线观看| 欧美视频在线免费看| 欧美视频在线免费看| 国产精品久久9| 国产视频在线观看一区二区| 久久久av亚洲男天堂| 乱亲女秽乱长久久久| 国产aⅴ夜夜欢一区二区三区| 久久精品国产亚洲7777| 成人激情免费在线| 久青草国产97香蕉在线视频| 亚洲精品狠狠操| 精品久久久中文| 欧美激情一区二区三级高清视频| 亚洲精品久久久久久久久久久久| 欧美色视频日本高清在线观看| 国内偷自视频区视频综合| 日本久久久久久久| 中文字幕av一区二区三区谷原希美| 亚洲激情久久久| 精品久久久久久久久久久久久久| 国产精品爽黄69| 97人人做人人爱| 欧美在线视频观看| 色综合久综合久久综合久鬼88| 午夜精品在线观看| 亚洲日本成人女熟在线观看| 懂色av中文一区二区三区天美| 欧美精品videossex88| 色婷婷综合成人av| 国产欧美日韩精品在线观看| 久久精品视频在线| 国产自产女人91一区在线观看| 亚洲国产精品悠悠久久琪琪| 日韩精品久久久久久福利| 日韩中文字幕视频| 国产欧美精品在线播放| 亚洲精品suv精品一区二区| 国产精品日韩精品| 欧美夜福利tv在线| 精品女厕一区二区三区| 性欧美激情精品| 亚洲欧美精品在线| 国产不卡av在线免费观看| 日韩有码在线观看| 久久视频在线看| 久久久午夜视频| 久久中文精品视频| 中文字幕亚洲欧美日韩在线不卡| 久久久久女教师免费一区| 亚洲美女性生活视频| 亚洲午夜未删减在线观看| 日韩av影视综合网| 深夜福利亚洲导航| 日韩欧美在线字幕| 日韩av不卡电影| 欧美午夜宅男影院在线观看| 亚洲午夜色婷婷在线| 欧美疯狂做受xxxx高潮| 日本一欧美一欧美一亚洲视频| 欧美性猛交xxxx偷拍洗澡| 日韩av在线精品| 亚洲国产精品嫩草影院久久| 成人久久一区二区| 国产精品久久久久一区二区| 欧美性猛交xxxx乱大交极品| 欧洲亚洲女同hd| 欧美日产国产成人免费图片| 亚洲欧美日韩中文视频| 亚洲欧美国产一区二区三区| 国产a∨精品一区二区三区不卡| 国产亚洲成精品久久| 国产成人精品网站| 久久九九全国免费精品观看| 中文字幕日韩免费视频| 欧美激情视频一区二区三区不卡| 亚洲人成77777在线观看网| 国产精品中文字幕在线| 91在线视频九色| 91在线免费看网站| 在线观看91久久久久久| 国产精品日韩久久久久| 久久久久国产精品一区| 日韩av中文字幕在线播放| 中文字幕日本精品| 亚洲精品资源在线| 国产亚洲精品美女久久久| 国产精品私拍pans大尺度在线| 91精品视频免费看| 国产精品一区二区三区久久久| 亚洲精品99999| 久久伊人精品一区二区三区| 日韩欧美亚洲国产一区| 亚洲国产精彩中文乱码av在线播放| 国产精品午夜视频| 国产成人涩涩涩视频在线观看| 国产精品久久久999| 亚洲欧洲第一视频| 人人做人人澡人人爽欧美| 久久精品精品电影网| 日本欧美一二三区| 色综合天天综合网国产成人网| 精品毛片三在线观看| 亚洲欧美一区二区激情| 日韩免费黄色av| 成人中文字幕+乱码+中文字幕| 日韩影视在线观看| 麻豆乱码国产一区二区三区| 亚洲国产免费av| 色樱桃影院亚洲精品影院| 日韩欧美精品在线观看| 2024亚洲男人天堂| 日韩美女中文字幕| 福利一区福利二区微拍刺激| 日本欧美精品在线| 国产精品ⅴa在线观看h| 亚洲乱码一区二区| 久久精品91久久久久久再现| 亚洲精品国产免费| 国产精品极品尤物在线观看| 亚洲男人天天操| 92看片淫黄大片看国产片| 4438全国亚洲精品在线观看视频| 一区二区av在线| 深夜福利91大全| 欧美视频裸体精品| 伊人久久五月天| 欧美xxxwww| 美女国内精品自产拍在线播放| 国产亚洲欧洲在线| 精品国产乱码久久久久久天美| 日韩av在线播放资源| 欧美午夜视频一区二区| 亚洲精品99久久久久| 91久久久精品| 久久视频在线观看免费| 亚洲午夜av电影| 欧美亚洲另类在线| 国产成+人+综合+亚洲欧美丁香花| 欧美性xxxx极品hd欧美风情| 欧美成人激情在线| 欧美激情一区二区三区成人| 在线播放精品一区二区三区| 久久青草精品视频免费观看| 最新69国产成人精品视频免费| 欧美专区在线视频| 日韩资源在线观看| 国产福利精品在线| 国产亚洲日本欧美韩国| 精品一区二区三区电影| 一区二区三欧美| 7777精品视频| 久久资源免费视频| 成人精品久久av网站| 91精品国产91久久久久久最新| 日韩av影视综合网| 亚洲伦理中文字幕| 亚洲国产日韩欧美在线99| 91精品视频在线免费观看| 日韩中文字幕av| 午夜精品一区二区三区在线|