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 相关文章推荐
jscript之Read an Excel Spreadsheet
Jun 13 Javascript
JS启动应用程序的一个简单例子
May 11 Javascript
javascript Demo模态窗口
Dec 06 Javascript
Javascript 面向对象特性
Dec 28 Javascript
jQuery拖拽插件gridster使用指南
Apr 21 Javascript
jQuery插件实现文件上传功能(支持拖拽)
Aug 27 Javascript
JS框架之vue.js(深入三:组件1)
Sep 29 Javascript
Bootstrap 网站实例之单页营销网站
Oct 20 Javascript
vue.js $refs和$emit 父子组件交互的方法
Dec 20 Javascript
Vue中使用ElementUI使用第三方图标库iconfont的示例
Oct 11 Javascript
jQuery实现的自定义轮播图功能详解
Dec 28 jQuery
vue操作动画的记录animate.css实例代码
Apr 26 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
PHP_MySQL教程-第一天
2007/03/18 PHP
discuz Passport 通行证 整合笔记
2008/06/30 PHP
php simplexmlElement操作xml的命名空间实现代码
2011/01/04 PHP
yii框架中的Url生产问题小结
2012/01/16 PHP
有关PHP性能优化的介绍
2013/06/20 PHP
yii框架配置默认controller和action示例
2014/04/30 PHP
php递归删除目录下的文件但保留的实例分享
2014/05/10 PHP
php关闭warning问题的解决方法
2016/05/17 PHP
PHP registerXPathNamespace()函数讲解
2019/02/03 PHP
用函数式编程技术编写优美的 JavaScript_ibm
2008/05/16 Javascript
JavaScript Event学习第三章 早期的事件处理程序
2010/02/07 Javascript
javascript简易缓动插件(源码打包)
2012/02/16 Javascript
用javascript关闭本窗口不弹出询问框的方法
2014/09/12 Javascript
微信页面倒计时代码(解决safari不兼容date的问题)
2016/12/13 Javascript
Node.js学习入门
2017/01/03 Javascript
浅谈JavaScript中的apply/call/bind和this的使用
2017/02/26 Javascript
Bootstrap导航简单实现代码
2017/03/06 Javascript
Vue 创建组件的两种方法小结(必看)
2018/02/23 Javascript
JavaScript设计模式之单例模式原理与用法实例分析
2018/07/26 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
2019/06/04 Javascript
vue实现路由懒加载及组件懒加载的方式
2019/06/11 Javascript
[05:20]卡尔工作室_DOTA2新手教学_DOTA2超强新手功能
2013/04/22 DOTA
完美解决Python 2.7不能正常使用pip install的问题
2018/06/12 Python
Linux系统(CentOS)下python2.7.10安装
2018/09/26 Python
Django 开发环境与生产环境的区分详解
2019/07/26 Python
实现ECharts双Y轴左右刻度线一致的例子
2020/05/16 Python
Pycharm操作Git及GitHub的步骤详解
2020/10/27 Python
自荐信包含哪些内容
2013/10/30 职场文书
医学护理毕业生自荐信
2013/11/07 职场文书
历史专业个人求职信分享
2013/12/20 职场文书
中年人生感言
2014/02/04 职场文书
计算机求职信
2014/07/02 职场文书
2014年语文教师工作总结
2014/12/18 职场文书
会计求职自荐信范文
2015/03/04 职场文书
2015年机械设备管理工作总结
2015/05/04 职场文书
新兵入伍决心书
2015/09/22 职场文书