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 浮点数运算 精度问题
Oct 06 Javascript
基于jQuery的一个扩展form序列化到json对象
Dec 09 Javascript
解析javascript系统错误:-1072896658的解决办法
Jul 08 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
Sep 30 Javascript
Bootstrap入门书籍之(一)排版
Feb 17 Javascript
jQuery插件编写步骤详解
Jun 03 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
Nov 25 Javascript
windows下vue.js开发环境搭建教程
Mar 20 Javascript
jquery拖动改变div大小
Jul 04 jQuery
浅谈es6中export和export default的作用及区别
Feb 07 Javascript
express如何解决ajax跨域访问session失效问题详解
Jun 20 Javascript
javascript解析json格式的数据方法详解
Aug 07 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 发送数据
2006/10/09 PHP
php计算多维数组中所有值总和的方法
2015/06/24 PHP
php通过curl添加cookie伪造登陆抓取数据的方法
2016/04/02 PHP
完美的php分页类
2017/10/24 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
dojo 之基础篇(三)之向服务器发送数据
2007/03/24 Javascript
JS的location.href跳出框架打开新页面的方法
2014/09/04 Javascript
js命名空间写法示例
2015/12/18 Javascript
javascript点击按钮实现隐藏显示切换效果
2016/02/03 Javascript
Vue自定义指令介绍(2)
2016/12/08 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
2017/01/17 Javascript
jQuery实现获取隐藏div高度的方法示例
2017/02/09 Javascript
vue实现学生录入系统之添加删除功能
2018/07/11 Javascript
手把手教你如何使用nodejs编写cli命令行
2018/11/05 NodeJs
详解Vue 匿名、具名和作用域插槽的使用方法
2019/04/22 Javascript
layui实现数据表格隐藏列的示例
2019/10/25 Javascript
通过js随机函数Math.random实现乱序
2020/05/19 Javascript
带你使用webpack快速构建web项目的方法
2020/11/12 Javascript
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
[25:45]2018DOTA2亚洲邀请赛4.5SOLO赛 Sylar vs Paparazi
2018/04/06 DOTA
python单线程实现多个定时器示例
2014/03/30 Python
学生信息管理系统Python面向对象版
2019/01/30 Python
pybind11和numpy进行交互的方法
2019/07/04 Python
基于TensorFlow的CNN实现Mnist手写数字识别
2020/06/17 Python
python3环境搭建过程(利用Anaconda+pycharm)完整版
2020/08/19 Python
Python用Jira库来操作Jira
2020/12/28 Python
详解CSS3的opacity属性设置透明效果的用法
2016/05/09 HTML / CSS
学生自我鉴定范文
2013/10/04 职场文书
大学毕业生的自我鉴定
2013/11/30 职场文书
医科大学生的自我评价
2013/12/04 职场文书
民主评议党员自我评议范文2014
2014/09/26 职场文书
预备党员入党感言
2015/08/01 职场文书
反邪教学习心得体会
2016/01/15 职场文书
vue-cropper组件实现图片切割上传
2021/05/27 Vue.js
MYSQL 运算符总结
2021/11/11 MySQL