学习javaweb的时候，做了将页面上的的表单信息添加到数据库中的练习。提交表单的时候，需要保证每个输入框、单选按钮、复选框等都不为空，刚开始的时候挨个获取控件的值进行判断是否为空，后来认识了表单序列化这么一个方法，就是了下用序列化来判断空值

//form表单页面

员工账号 设置员工姓名和入职时间后，系统自动生成，无法更改
• 员工姓名 姓名不能为数字
• 密码
• 性别 男 女
• 生日
• 手机号码
• 邮箱
• 地址
• 所属部门 </select> </li> <li> <label>入职时间</label> <input id="entrytime" name="entrytime" type="text" class="dfinput" placeholder="格式:yyyy-mm-dd" /> <i id = "timeTip"&gt;</i> </li> <li> <label>员工状态</label> <select id="empstate" class="dfinput" name="empstate"&gt; </select> </li> <li> <label>直属上级</label> <input id="superior" name="superior" type="text" class="dfinput" placeholder="直属上级员工id" /> <i id = "superTip"&gt;</i> </li> <li> <label>职务</label> <select id="dutyid" class="dfinput" name="dutyid"&gt; </select> </li> <li> <label>角色权限</label> <select id="authority" class="dfinput" name="authority"&gt; </select> </li> <li> <label></label> <input id="savebtn" type="submit" class="btn" value="确认保存"/&gt; </li> </ul>

  在外链js文件中写了个提交时触发的事件

  自动赋值 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游戏频道！

  js表单序列化
  • 上一篇：EL表达式截取字符串的函数说明下一篇：layer子层给父层页面元素赋值,以达

  猜你在找的JavaScript相关文章

  Javascript中的事件冒泡与捕获

  事件冒泡和事件捕获 起因：今天在封装一个bind函数的时候，发现el.addEventListener函数支...

  作者：前端之家 时间：2021-02-22

  

  搞懂js中小数运算精度问题原因及解决办法

  js小数运算会出现精度问题 js number类型 JS 数字类型只有number类型，number类型相当于其...

  作者：前端之家 时间：2021-02-22

  搞懂：前端跨域问题JS解决跨域问题VUE代理解决跨域问题原理

  什么是跨域 跨域 ： 广义的跨域包含一下内容 ： 1.资源跳转（链接跳转，重定向跳转，表单提...

  作者：前端之家 时间：2021-02-22

  前端对base64编码的理解，原生js实现字符base64编码

  @ &quot;TOC&quot; 常见对base64的认知(不完全正确) 首先对base64常见的认知，也是...

  作者：前端之家 时间：2021-02-22

  搞懂：MVVM模型以及VUE中的数据绑定数据劫持发布订阅模式

  搞懂：MVVM模式和Vue中的MVVM模式 MVVM MVVM ： 的缩写，说都能直接说出来 ：模型， ：视图...

  作者：前端之家 时间：2021-02-22

  js判断浏览器是否支持webGL

  起因是我之前开发的网页，用到了three.js制作了一个3d的旋转球体效果。 在各种浏览器上运行...

  作者：前端之家 时间：2021-02-14

  js判断undefined和null

  js判断undefined js判断null js判断null和undefined

  作者：前端之家 时间：2021-02-14

  将文字自动转为banner打印形式的工具

  http://patorjk.com/software/taag/

  作者：前端之家 时间：2021-02-14

  聊一聊 bootstrap 的轮播图插件

  今天做工作的时候，轻车熟路的做完，又用到了bootstrap的轮播图，觉得有必要安利一下这个插...

  作者：前端之家 时间：2021-02-14

  js实现图片无缝循环跑马灯

  html 代码 css js代码 function mylsRunHorseLight() { if (mylsTimer != null) { clearIn...

  作者：前端之家 时间：2021-02-14
  编程分类

  HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号

  最新文章

  • • Javascript中的事件冒泡与
  • • 搞懂js中小数运算精度问题
  • • 搞懂：前端跨域问题JS解决
  • • 前端对base64编码的理解，
  • • 搞懂：MVVM模型以及VUE中的
  • • js实现横向跑马灯效果
  • • js判断浏览器是否支持webG
  • • js判断undefined和null
  • • 将文字自动转为banner打印
  • • 聊一聊 bootstrap 的轮播图

  热门标签 更多 ►

  关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作