当前位置:小鱼儿玄机二站 > 关于计算机 > jQuery实现批量判断表单中文本框非空的方法,j

jQuery实现批量判断表单中文本框非空的方法,j

文章作者:关于计算机 上传时间:2019-09-03

正文实例汇报了jQuery落成批量决断表单汉语本框非空的主意。分享给我们供我们仿照效法,具体如下:

话十分的少说,附上实例代码,仅供大家参谋

方法一:

剥夺文本框

<script type="text/javascript">
/*
* 批量验证表单非空
* 需要非空验证控件的样式class="mustadd"
*/
$(".mustadd").each(function(){
if($(this).val() == ''){
  alert("该项不可为空!");
  $(this).focus();
  return false;
}
})
</script>
//文本框禁用
$("input[type='text']").each(function () {
  $("#" + this.id).attr("disabled", true);
});

方法二:

启用文本框

<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>
//文本框启用
$("input[type='text']").each(function () {
  $("#" + this.id).removeAttr("disabled");
});

可望本文所述对大家jQuery程序设计具有扶助。

以上就是本文的全部内容,希望本文的剧情对我们的学习或然干活能推动一定的扶持,假如有问号大家能够留言交换,同一时候也盼望多多帮忙脚本之家!

您恐怕感兴趣的稿子:

  • jQuery轻巧实现点击文本框复制内容到剪贴板上的章程
  • jQuery使用正则表明式限制文本框只好输入数字
  • jQuery+php实时获得及响应文本框输入内容的法子
  • jQuery增加和删除输入文本框标签代码
  • jquery达成文件框textarea自适应中度
  • jQuery计算文本框字数及范围文本框字数的艺术
  • 传闻jQuery完毕文本框只可以输入数字(小数、整数)
  • jQuery完毕选中弹出窗口选用框内容后赋值给文本框的点子
  • jQuery完成按键的点击 全选/反选 单选框/复选框 文本框 表单验证
  • jQuery达成文本框输入同步的不二诀窍
  • jquery实现点击label的还要触发文本框点击事件的方法
  • jQuery完结限制textarea文本框输入字符数量的点子
  • jquery落成文本框的剥夺和启用

你恐怕感兴趣的稿子:

  • jQuery简单实现点击文本框复制内容到剪贴板上的格局
  • jQuery使用正则表明式限制文本框只好输入数字
  • jQuery+php实时得到及响应文本框输入内容的秘技
  • jQuery加多和删除输入文本框标签代码
  • jquery完毕公文框textarea自适应中度
  • jQuery计算文本框字数及范围文本框字数的法子
  • 依据jQuery完毕文本框只好输入数字(小数、整数)
  • jQuery完结批量论断表单汉语本框非空的措施(2种方法)
  • jQuery完毕选中弹出窗口选用框内容后赋值给文本框的办法
  • jQuery完结按键的点击 全选/反选 单选框/复选框 文本框 表单验证
  • jQuery完结文本框输入同步的法子
  • jquery完结点击label的还要触发文本框点击事件的法门
  • jQuery完结限制textarea文本框输入字符数量的不二秘技

本文由小鱼儿玄机二站发布于关于计算机,转载请注明出处:jQuery实现批量判断表单中文本框非空的方法,j

关键词: