jQuery表單元素非空驗證

<script type="text/javascript">
        
        $(function(){
          /**************驗證用戶名********************************************/
          $("#Tbpetname").blur(function(){
          //驗證寵物名長度 失去焦點事件
           var ck=true;
           var pname= $(this).val().length;
           if(pname<1)
           {
               alert("寵物名不能為空");
               ck=false;
           }
           else
           {
              if(pname>20){
              alert("寵物名稱過長，換一個試試?");
              ck=false;
              }
           }
           
           if(!ck)
           {
            $(this).next(".spanlv").css("color","Red");
           }
           
          });

      $("#Tbpetname").focus(function(){
          // 獲得焦點事件
           $(this).next(".spanlv").css("color","#8ec63f");
          
          })

          });

</script>

 

  <div class="panel">
               <div class="ptop1">寵物名稱：<span class="spanlv">*</span></div>
             <div class="ptop2">
                 <asp:TextBox ID="Tbpetname" runat="server" CssClass="fombox"></asp:TextBox>
                 <span class="spanlv">不要超過20個字</span>
             </div>
             </div>