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

     $("#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>

为啥点击上传按钮没有影响

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

上边方法好像不对

$("form").submit(function(){
         $("form input").each(function(){
             var value = $.trim($(this).attr("value"));
             if(value==''||value==null){
                 alert("表单没有填写完整!");
                 $(this).focus();
                 var i =1;
                 return false;
             }
         });
        
         return true;

     });

但是这样表单一定会提交   函数里面嵌套了函数.

$("form").submit(function(){
         var i=0;
         $("form input").each(function(){
             alert($(this).val());
             var value = $.trim($(this).val());
             if(value=='' || value==null){
                 alert("表单没有填写完整!");
                 $(this).focus();
                 i =1;
                 return false;
             }
         });
         if(i==1){
             return false;
         }
         return true;
     });
    
问题解决了!  新手   希望大家对我上面两个代码评论,$(this).attr("value")与$(this).val()两个区别真大   我以为是一样的.