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 相关文章推荐
jquery随意添加移除html的实现代码
Jun 21 Javascript
JS模拟面向对象全解(一、类型及传递)
Jul 13 Javascript
自己写的兼容ie和ff的在线文本编辑器类似ewebeditor
Dec 12 Javascript
JavaScript定时器详解及实例
Aug 01 Javascript
JavaScript实现简单图片翻转的方法
Apr 17 Javascript
javascript每日必学之多态
Feb 23 Javascript
jquery pagination分页插件使用详解(后台struts2)
Jan 22 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
Mar 31 Javascript
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
微信小程序tabBar用法实例详解
Dec 04 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 jQuery
Vue Router 实现动态路由和常见问题及解决方法
Mar 06 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
一个可以删除字符串中HTML标记的PHP函数
2006/10/09 PHP
php mysql数据库操作分页类
2008/06/04 PHP
PHP中冒号、endif、endwhile、endfor使用介绍
2010/04/28 PHP
php生成随机密码自定义函数代码(简单快速)
2014/05/10 PHP
yii实现model添加默认值的方法(2种方法)
2016/01/06 PHP
PHP+swoole实现简单多人在线聊天群发
2016/01/19 PHP
Aster vs Newbee BO3 第二场2.18
2021/03/10 DOTA
Jquery chosen动态设置值实例介绍
2013/08/08 Javascript
node.js中的events.emitter.listeners方法使用说明
2014/12/10 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
2017/02/20 Javascript
详解微信第三方小程序代开发
2017/06/23 Javascript
js+html获取系统当前时间
2017/11/10 Javascript
vue登录路由验证的实现
2017/12/13 Javascript
利用Vue实现一个markdown编辑器实例代码
2019/05/19 Javascript
解决layui 表单元素radio不显示渲染的问题
2019/09/04 Javascript
python算法学习之计数排序实例
2013/12/18 Python
pyqt4教程之widget使用示例分享
2014/03/07 Python
Python os模块学习笔记
2015/06/21 Python
Python探索之修改Python搜索路径
2017/10/25 Python
Python 中Pickle库的使用详解
2018/02/24 Python
python 执行shell命令并将结果保存的实例
2018/05/11 Python
python reverse反转部分数组的实例
2018/12/13 Python
python 多个参数不为空校验方法
2019/02/14 Python
python几种常用功能实现代码实例
2019/12/25 Python
浅谈tensorflow模型保存为pb的各种姿势
2020/05/25 Python
Python如何使用ConfigParser读取配置文件
2020/11/12 Python
Python中的面向接口编程示例详解
2021/01/17 Python
绘儿乐产品官方在线商店:Crayola.com
2019/09/07 全球购物
团代会宣传工作方案
2014/05/08 职场文书
护林防火标语
2014/06/27 职场文书
优秀员工推荐材料
2014/12/20 职场文书
工人先进事迹材料
2014/12/26 职场文书
2015年教师师德师风承诺书
2015/04/28 职场文书
学生会主席任命书
2015/09/21 职场文书
2019年朋友圈经典励志语录50条
2019/07/05 职场文书
vue 实现弹窗关闭后刷新效果
2022/04/08 Vue.js