jQuery实现批量判断表单中文本框非空的方法(2种方法)


Posted in Javascript onDecember 09, 2015

本文实例讲述了jQuery实现批量判断表单中文本框非空的方法。分享给大家供大家参考,具体如下:

方法一:

<script type="text/javascript">
/*
* 批量验证表单非空
* 需要非空验证控件的样式class="mustadd"
*/
$(".mustadd").each(function(){
if($(this).val() == ''){
  alert("该项不可为空!");
  $(this).focus();
  return false;
}
})
</script>

方法二:

<script type="text/javascript">
//批量验证表单非空
function checkForm(arr){
  for(var i=0;i<arr.length;i++){
  if($("#"+arr[i][0]).val()==''){
    alert(arr[i][1]);
    $("#"+arr[i][0]).focus();
    return false;
  }
  }
  return true;
};
//调用方式
var arr=new Array(
  new Array('userName','用户名不可为空!'),
  new Array('passwd','密码不可为空!'),
));
if(!checkForm(arr)){
  return false;
}
</script>

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
javascript错误的认识不用关心内存管理
Dec 15 Javascript
js中switch case循环实例代码
Dec 30 Javascript
js防止DIV布局滚动时闪动的解决方法
Oct 30 Javascript
js继承call()和apply()方法总结
Dec 08 Javascript
使用jquery实现仿百度自动补全特效
Jul 23 Javascript
解决jquery插件:TypeError:$.browser is undefined报错的方法
Nov 21 Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
Dec 08 Javascript
微信开发之调起摄像头、本地展示图片、上传下载图片实例
Dec 08 Javascript
JS表单数据验证的正则表达式(常用)
Feb 18 Javascript
Vue-resource实现ajax请求和跨域请求示例
Feb 23 Javascript
JS+HTML+CSS实现轮播效果
Nov 28 Javascript
微信小程序抽奖组件的使用步骤
Jan 11 Javascript
详解JavaScript基本类型和引用类型
Dec 09 #Javascript
jQuery中serializeArray()与serialize()的区别实例分析
Dec 09 #Javascript
jQuery实现form表单元素序列化为json对象的方法
Dec 09 #Javascript
jQuery实现页面顶部显示的进度条效果完整实例
Dec 09 #Javascript
深入浅析react native es6语法
Dec 09 #Javascript
JavaScript程序设计之JS调试
Dec 09 #Javascript
js实现的星星评分功能函数
Dec 09 #Javascript
You might like
地摊中国 - 珍藏老照片
2020/08/18 杂记
定制404错误页面,并发信给管理员的程序
2006/10/09 PHP
有关phpmailer的详细介绍及使用方法
2013/01/28 PHP
php限制文件下载速度的代码
2015/10/20 PHP
php 使用html5实现多文件上传实例
2016/10/24 PHP
php设计模式之原型模式分析【星际争霸游戏案例】
2020/03/23 PHP
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
2007/01/09 Javascript
JS异常处理的一个想法(sofish)
2013/03/14 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器
2013/06/21 Javascript
jQuery中:focus选择器用法实例
2014/12/30 Javascript
JS实现Fisheye效果动感放大菜单代码
2015/10/21 Javascript
js实现简单的碰壁反弹效果
2016/08/30 Javascript
基于jQuery实现顶部导航栏功能
2016/12/27 Javascript
JS中input表单隐藏域及其使用方法
2017/02/13 Javascript
nodejs中使用HTTP分块响应和定时器示例代码
2017/03/19 NodeJs
js实现网页的两个input标签内的数值加减(示例代码)
2017/08/15 Javascript
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
React Native日期时间选择组件的示例代码
2018/04/27 Javascript
vue使用ElementUI时导航栏默认展开功能的实现
2018/07/04 Javascript
JavaScript fetch接口案例解析
2018/08/30 Javascript
JQueryDOM之样式操作
2019/03/27 jQuery
JavaScript 异步时序问题
2020/11/20 Javascript
python处理csv数据的方法
2015/03/11 Python
完美解决安装完tensorflow后pip无法使用的问题
2018/06/11 Python
python实现定时提取实时日志程序
2018/06/22 Python
Python中collections模块的基本使用教程
2018/12/07 Python
Puppeteer使用示例详解
2019/06/20 Python
解决pycharm中opencv-python导入cv2后无法自动补全的问题(不用作任何文件上的修改)
2020/03/05 Python
在python中利用pycharm自定义代码块教程(三步搞定)
2020/04/15 Python
韩国邮政旗下生鲜食品网上超市:epost
2016/08/27 全球购物
行政部主管岗位职责
2013/12/28 职场文书
大学生毕业求职信
2014/06/12 职场文书
初婚未育证明样本
2014/10/24 职场文书
导游词之山东红叶谷
2019/10/31 职场文书
MySQL系列之十四 MySQL的高可用实现
2021/07/02 MySQL
Mysql使用全文索引(FullText index)的实例代码
2022/04/03 MySQL