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 实现窗口的最大化不论什么情况
Sep 03 Javascript
javascript实现2048游戏示例
May 04 Javascript
JavaScript eval() 函数介绍及应用示例
Jul 29 Javascript
jQuery级联操作绑定事件实例
Sep 02 Javascript
jquery Validation表单验证使用详解
Sep 12 Javascript
JavaScript实现动态添加,删除行的方法实例详解
Jul 02 Javascript
JavaScript与HTML的结合方法详解
Nov 23 Javascript
javascript性能优化之DOM交互操作实例分析
Dec 12 Javascript
利用Vue.js指令实现全选功能
Sep 08 Javascript
JavaScript常用代码书写规范的超全面总结
Sep 11 Javascript
javascript算法之二叉搜索树的示例代码
Sep 12 Javascript
vscode vue 文件模板的配置方法
Jul 23 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
用文本文件制作留言板提示(下)
2006/10/09 PHP
php调用mysql存储过程
2007/02/14 PHP
收集的PHP中与数组相关的函数
2007/03/22 PHP
PHP 批量删除 sql语句
2009/06/05 PHP
解析:php调用MsSQL存储过程使用内置RETVAL获取过程中的return值
2013/07/03 PHP
PHP使用逆波兰式计算工资的方法
2015/07/29 PHP
php批量删除操作(数据访问)
2017/05/23 PHP
Extjs Gird 支持中文拼音排序实现代码
2013/04/15 Javascript
jquery实现的一个导航滚动效果具体代码
2013/05/27 Javascript
JavaScript和CSS交互的方法汇总
2014/12/02 Javascript
使用JavaScript开发IE浏览器本地插件实例
2015/02/18 Javascript
jQuery Validation Plugin验证插件手动验证
2016/01/26 Javascript
JS实现给json数组动态赋值的方法示例
2020/03/19 Javascript
详解Angular.js中$http拦截器的介绍及使用
2017/07/04 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
2018/06/01 Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
2018/07/30 Javascript
VUE中使用MUI方法
2019/02/12 Javascript
vue.js高德地图实现热点图代码实例
2019/04/18 Javascript
vue无限轮播插件代码实例
2019/05/10 Javascript
浅谈 Webpack 如何处理图片(开发、打包、优化)
2019/05/15 Javascript
video.js添加自定义组件的方法
2020/12/09 Javascript
简单介绍Python中用于求最小值的min()方法
2015/05/15 Python
Tesserocr库的正确安装方式
2018/10/19 Python
Python设计模式之工厂方法模式实例详解
2019/01/18 Python
使用Python和Prometheus跟踪天气的使用方法
2019/05/06 Python
在Python中表示一个对象的方法
2019/06/25 Python
如何在Django配置文件里配置session链接
2019/08/06 Python
Python IDLE或shell中切换路径的操作
2020/03/09 Python
中国旅游网站:同程旅游
2016/09/11 全球购物
西班牙英格列斯百货法国官网:El Corte Inglés法国
2017/07/09 全球购物
美国眼镜网:GlassesUSA
2017/09/07 全球购物
澳大利亚在线时尚精品店:Hello Molly
2018/02/26 全球购物
优秀团干部个人事迹
2014/05/29 职场文书
中职毕业生自我鉴定
2014/09/13 职场文书
2019年自助餐厅创业计划书模板
2019/08/22 职场文书
OpenCV实现普通阈值
2021/11/17 Java/Android