当前位置:Gxlcms > JavaScript > jQuery实现批量判断表单中文本框非空的方法(2种方法)

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

时间:2021-07-01 10:21:17 帮助过:34人阅读

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

人气教程排行