zoukankan      html  css  js  c++  java
  • jquery自定义验证方法

      最近看jquery,发现用它真是太方便啦,现以对输入内容是否为中文的验证为例,回顾一下使用过程。

      首先我们新建一个validate_by_myself.js文件:

    $(document).ready(function(){
    
    //中文的验证
    jQuery.validator.addMethod("chinese", function(value, element) {
        var chinese = /^[\u4e00-\u9fa5]+$/;
        return this.optional(element) || (chinese.test(value));
    }, "只能输入中文");
    
    });

      然后我们新建一个test.jsp文件,用class指定用chinese方法验证:

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                        "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
      <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-latest.js"></script>
      <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.validate.js"></script>
      <script type="text/javascript" src="<%=request.getContextPath()%>/js/define_by_myself.js"></script>      
      <script>
      $(document).ready(function(){
        $("#commentForm").validate();    
      });
      </script>  
    </head>
    <body> 
     <form class="cmxform" id="commentForm" method="get" action="">
     <fieldset>
         <p>
         <label for="cname">Name</label>
         <em>*</em><input id="cname" name="name" size="25" class="chinese"/>
       </p>
           <p>
         <input class="submit" type="submit" value="Submit"/>
       </p>
     </fieldset>
     </form>
    </body>
    </html>
    

      OK,当我们在文本框中输入的不是中文是,右侧会出现提示“只能输入中文”的提示信息。

  • 相关阅读:
    swiper获取当前的index ( loop=true时,)
    解决ios浏览器页面滚动到底部或顶部后,页面局部滑动失效的问题
    js实现全屏与退出全屏
    Ueditor 关于视频上传相关问题
    git拉取单个子目录
    XShell上传文件到Linux服务器上
    Debian中安装MySQL服务器
    lamda表达式的由来
    工具类--验证码工具类
    工具类--线程相关工具类
  • 原文地址:https://www.cnblogs.com/yueliming/p/3030970.html
Copyright © 2011-2022 走看看