zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    Struts2(十六)Json
    Struts2(十五)实现文件上传
    Struts2(十四)拦截器实现权限管理
    Eclipse下link方式安装插件
    Struts2(十三)国际化-internationalization
    Struts2(十二)使用验证框架验证数据较验
    Struts2(十一)OGNL标签三与Struts2标签
    Struts2(十)OGNL标签二与Struts2标签
    Struts2(九)OGNL标签一与Struts2标签
    Elasticsearch 分词器
  • 原文地址:https://www.cnblogs.com/communist/p/5952989.html
Copyright © 2011-2022 走看看