form表单提交之前的非空验证

时间:2022-11-06 22:09:36
     $("#butt").submit(function(){
         $("form input").each(function(){
             var value = $.trim($(this).attr("value"));
             if(value==''){
                 alert("测试出来了!");
                 $(this).focus();
                 return false;
             }
         });
         return true;

     });


其中jsp页面中按钮写法:<button type="button"  id="butt">上传</button>

为啥点击上传按钮没有影响form表单提交之前的非空验证


我是有好多input标签需要去验证,所以来个each()方法



上边方法好像不对


 函数里面嵌套了函数.

$("form").submit(function(){
var i= 0;
        $("form input").each(function(){
             var value = $.trim($(this).attr("value"));
             console.info($(this).attr("name")+": "+value);
             if(value=='' || value == null){
              i = 1;
                 $(this).focus();
    }
   
});  
      if( i==1 ){
          return false;
        }
        return true;
     });

注意:   $(this).attr("value")与$(this).val() 两个方法是一样的.  form表单提交事件为$("form").submit