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 相关文章推荐
Display SQL Server Login Mode
Jun 21 Javascript
浅谈javascript中的作用域
Apr 07 Javascript
jquery通过a标签删除table中的一行的代码
Dec 02 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
Sep 27 Javascript
微信小程序实现实时圆形进度条的方法示例
Feb 24 Javascript
使用JavaScript生成罗马字符的实例代码
Jun 08 Javascript
vscode下的vue文件格式化问题
Nov 28 Javascript
Vue一次性简洁明了引入所有公共组件的方法
Nov 28 Javascript
Angular PWA使用的Demo示例
Jan 31 Javascript
JS回调函数深入理解
Oct 16 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 Javascript
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
May 29 jQuery
详解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 超链接 抓取实现代码
2009/06/29 PHP
php 自写函数代码 获取关键字 去超链接
2010/02/08 PHP
smarty内置函数section的用法
2015/01/22 PHP
phplist及phpmailer(组合使用)通过gmail发送邮件的配置方法
2016/03/30 PHP
php 常用的系统函数
2017/02/07 PHP
PHP 代码简洁之道(小结)
2019/10/16 PHP
php计数排序算法的实现代码(附四个实例代码)
2020/03/31 PHP
不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
2008/09/25 Javascript
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
2013/08/28 Javascript
JS中完美兼容各大浏览器的scrolltop方法
2015/04/17 Javascript
基于ajax实现文件上传并显示进度条
2015/08/03 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
2015/09/14 Javascript
AngularJs中route的使用方法和配置
2016/02/04 Javascript
快速掌握Node.js中setTimeout和setInterval的使用方法
2016/03/21 Javascript
使用vue.js制作分页组件
2016/06/27 Javascript
JS获取当前页面名称的简单实例
2016/08/19 Javascript
微信小程序 自定义对话框实例详解
2017/01/20 Javascript
Vue中保存用户登录状态实例代码
2017/06/07 Javascript
深入理解vue中slot与slot-scope的具体使用
2018/01/26 Javascript
nodejs提示:cross-device link not permitted, rename错误的解决方法
2019/06/10 NodeJs
JS实现瀑布流效果
2020/03/07 Javascript
Python实现的百度站长自动URL提交小工具
2014/06/27 Python
rabbitmq(中间消息代理)在python中的使用详解
2017/12/14 Python
python实现多进程代码示例
2018/10/31 Python
ITK 实现多张图像转成单个nii.gz或mha文件案例
2020/07/01 Python
使用css3匹配手机屏幕横竖状态
2014/01/27 HTML / CSS
html5组织内容_动力节点Java学院整理
2017/07/10 HTML / CSS
详解如何解决canvas图片getImageData,toDataURL跨域问题
2018/09/17 HTML / CSS
奥地利票务门户网站:oeticket.com
2019/12/31 全球购物
Zalando Lounge瑞士:时尚与生活方式购物俱乐部
2020/03/12 全球购物
SOKOLOV官网:俄罗斯珠宝首饰品牌
2021/01/02 全球购物
留学自荐信的技巧
2013/10/17 职场文书
2013年最新自荐信范文
2014/06/23 职场文书
单位授权委托书范本
2014/09/26 职场文书
MySQL中几种插入和批量语句实例详解
2021/09/14 MySQL
Python中的matplotlib绘制百分比堆叠柱状图,并为每一个类别设置不同的填充图案
2022/04/20 Python