function FormCheck() 

if ($("#username").val() =="") 

$("#username").css({border:"red solid 2px"}).fadeOut('fast').fadeIn('fast',function(){$(this).focus()});
return false; 
} else {$("#username").css({border:"none"});}
if ($("#password").val() =="") 

$("#password").css({border:"red solid 2px"}).fadeOut('fast').fadeIn('fast',function(){$(this).focus()});
return false; 
} else {$("#password").css({border:"none"});}
}以上代码中这一句:$("#username").css({border:"red solid 2px"}).fadeOut('fast').fadeIn('fast',function(){$(this).focus()});
return false; 
} else {$("#username").css({border:"none"});}
请问怎样封装,然后我在以后文件中要用的时候可以调用它?

解决方案 »

  1.   


    function check(obj){
      if ($(obj).val() ==""){
        $(obj).css({border:"red solid 2px"}).fadeOut('fast').fadeIn('fast',function(){$(this).focus()});
        return false; 
      }
      else{
        $(obj).css({border:"none"});
        return true; 
      }
    }function FormCheck() 
    {
      var b = true;
      b &= check("#username");
      b &= check("#password");
      return b;
    }
      

  2.   


    function check(obj){
      if ($(obj).val() ==""){
        $(obj).css({border:"red solid 2px"}).fadeOut('fast').fadeIn('fast');
        return false; 
      }
      else{
        $(obj).css({border:"none"});
        return true; 
      }
    }function FormCheck() 
    {
      var b = true;
      var a = ["#username","#password"];
      for(var i=0;i<a.length;i++){
        b &= check(a[i]);
        if(!b){
           alert(a[i] + "为空");
           $(a[i]).focus();
           break;
        }
      }
      return b;
    }
      

  3.   

    我在后面加一句,form1.submit(),为什么不会提交表单呢?
      

  4.   

    如果我不加这句,直接在表单上onsubmit="return FormCheck()",又不会执行检查了
      

  5.   

    if(b) document.form1.submit();
      

  6.   

    <form name="form1" id="form1" method="post"  action="Default_xieru.asp" > 
    <input type="text" name="username" id="username"  style="height:14px; width:160px; font-size:12px"/>
    <a  href="#" onclick="return FormCheck();"><img src="images/an.png" width="70" height="48" border="0"  onmousemove="this.src='images/an2.png'" onmouseout="this.src='images/an.png'"/></a>
    <input type="password" name="password" id="password"  style="height:14px; width:160px; font-size:12px"/>
    </form>
    (我把一些表格的代码和层的代码去掉了)