您的位置:首页 > Web前端 > JQuery

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

2015-12-09 00:00 816 查看
本文实例讲述了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简单实现input文本框内灰色提示文本效果的方法
jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法
jQuery实现文本框邮箱输入自动补全效果
jQuery实现动态表单验证时文本框抖动效果完整实例
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
jQuery实现文本框输入同步的方法
jquery实现点击label的同时触发文本框点击事件的方法
jQuery监控文本框事件并作相应处理的方法
jQuery设置和移除文本框默认值的方法
jquery 插件实现多行文本框[textarea]自动高度
IE下支持文本框和密码框placeholder效果的JQuery插件分享
jQuery实现设置、移除文本框默认值功能
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: