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

JQuery判断form表单是否为空

2016-04-21 11:42 489 查看
功能:通过jquery判断form表单中是否有内容还未填写,如果有未填写的,则阻止提交

$(function () {
  $('form').bind('submit',function () {  //给form标签绑定submit事件
    var i=0;
    $("input").each(function(){  //遍历input标签,判断是否有内容未填写
      var vl=$(this).val();
      if(vl==""){
        i=1;
      }
    });
    var t=$('textarea').val();  //判断textarea标签是否填写
    if (t=='') {
      i=1;
    }
    if (i==1) {  //如果有未填写的,则return false阻止提交
      alert('请将信息填写完整');
      return false;
    }
  });

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: