jQuery实现批量判断表单中文本框非空的方法(2种方法)

 更新时间:2015年12月09日 12:15:41   作者:NW_KNIFE  
这篇文章主要介绍了jQuery实现批量判断表单中文本框非空的方法,实例分析了2种实现判定非空的技巧,涉及jQuery页面元素遍历的相关技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • JQuery选择器详解

    JQuery选择器详解

    这篇文章主要为大家介绍了JQuery选择器,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-12-12
  • JQuery插入DOM节点的方法

    JQuery插入DOM节点的方法

    这篇文章主要介绍了JQuery插入DOM节点的方法,实例分析了jQuery实现DOM结点插入所涉及的常见函数使用技巧,需要的朋友可以参考下
    2015-06-06
  • jQuery常用选择器详解

    jQuery常用选择器详解

    这篇文章主要为大家详细介绍了jQuery常用选择器的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • jQueryUI DatePicker 添加时分秒

    jQueryUI DatePicker 添加时分秒

    本文主要介绍jQueryUI DatePicker添加时分秒的方法,简单实用,需要的朋友可以参考下。
    2016-06-06
  • jQuery搜索同辈元素方法

    jQuery搜索同辈元素方法

    这篇文章主要介绍了jQuery搜索同辈元素方法,实例分析了next、nextAll、nextUtil、prev、prevAll等方法的使用技巧,并给出了一个完整的实例进行了总结归纳,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • TimergliderJS 一个基于jQuery的时间轴插件

    TimergliderJS 一个基于jQuery的时间轴插件

    Timeglider JS是一个由javascript支持缩放,数据驱动的时间轴组件。非常适合显示项目历史,项目计划及其其它需要显示历史的项目
    2011-12-12
  • jQuery中ajax错误调试分析

    jQuery中ajax错误调试分析

    jQuery中把ajax封装得非常好。但是日常开发中,我偶尔还是会遇到ajax报错。本文进行简单分析一下ajax报错。需要的朋友可以参考下
    2016-12-12
  • 详解jQuery中的getAll()和cleanData()

    详解jQuery中的getAll()和cleanData()

    这篇文章主要介绍了jQuery之getAll()和cleanData()函数的实例代码解析,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2019-04-04
  • 自己动手制作jquery插件之自动添加删除行功能介绍

    自己动手制作jquery插件之自动添加删除行功能介绍

    这个插件的上篇访问量很不好,几乎是我写的文章里最少的点击量的了,不知道是不是因为大家对我说的这个插件不感兴趣还是说我写的东西技术含量太差了,呵,那我只能孤芳自赏了
    2011-10-10
  • jquery获取div宽度的实现思路与代码

    jquery获取div宽度的实现思路与代码

    DIV的width宽度如何获取呢?接下来介绍使用jquery获取DIV的width宽度,感兴趣的朋友可以了解下的
    2013-01-01

最新评论