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 20 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
May 18 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
May 25 Javascript
基于jQuery和CSS3制作响应式水平时间轴附源码下载
Dec 20 Javascript
jquery实现删除一个元素后面的所有元素功能
Dec 21 Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
Aug 05 Javascript
Vue2组件tree实现无限级树形菜单
Mar 29 Javascript
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
Apr 22 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
Nov 12 Javascript
浅析Vue下的components模板使用及应用
Nov 27 Javascript
vue 中使用print.js导出pdf操作
Nov 13 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
10个可以简化php开发过程的MySQL工具
2010/04/11 PHP
php 智能404跳转代码,适合换域名没改变目录的网站
2010/06/04 PHP
php fsockopen中多线程问题的解决办法[翻译]
2011/11/09 PHP
php静态文件返回304技巧分享
2015/01/06 PHP
php从文件夹随机读取文件的方法
2015/06/01 PHP
用JSON做数据传输格式中的一些问题总结
2011/12/21 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
JavaScript模拟可展开、拖动与关闭的聊天窗口实例
2015/05/12 Javascript
Bootstrap布局组件应用实例讲解
2016/02/17 Javascript
JS实现环形进度条(从0到100%)效果
2016/07/05 Javascript
浅谈JS运算符&amp;&amp;和|| 及其优先级
2016/08/10 Javascript
node.js路径处理方法以及绝对路径详解
2021/03/04 Javascript
JS中对数组元素进行增删改移的方法总结
2016/12/15 Javascript
jquery实现简单实用的轮播器
2017/05/23 jQuery
vue v-model实现自定义样式多选与单选功能
2018/07/05 Javascript
JS数组去重的6种方法完整实例
2018/12/08 Javascript
PHP实现基于Redis的MessageQueue队列封装操作示例
2019/02/02 Javascript
微信小程序实现注册登录功能(表单校验、错误提示)
2019/12/10 Javascript
python实现360皮肤按钮控件示例
2014/02/21 Python
python中的reduce内建函数使用方法指南
2014/08/31 Python
如何用itertools解决无序排列组合的问题
2017/05/18 Python
面向初学者的Python编辑器Mu
2018/10/08 Python
利用python提取wav文件的mfcc方法
2019/01/09 Python
Python 实现子类获取父类的类成员方法
2019/01/11 Python
Python3.5 + sklearn利用SVM自动识别字母验证码方法示例
2019/05/10 Python
pyinstaller打包多个py文件和去除cmd黑框的方法
2019/06/21 Python
在Django model中设置多个字段联合唯一约束的实例
2019/07/17 Python
给我一面国旗 python帮你实现
2019/09/30 Python
Python turtle画图库&amp;&amp;画姓名实例
2020/01/19 Python
Django多数据库配置及逆向生成model教程
2020/03/28 Python
Pandas对DataFrame单列/多列进行运算(map, apply, transform, agg)
2020/06/14 Python
css3实现顶部社会化分享按钮示例
2014/05/06 HTML / CSS
canvas之万花筒效果的简单实现(推荐)
2016/08/16 HTML / CSS
css3实现背景动态渐变效果
2019/12/10 HTML / CSS
学生实习介绍信
2014/01/15 职场文书
教师专业自荐书范文
2014/02/10 职场文书