• 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,当我们在文本框中输入的不是中文是,右侧会出现提示“只能输入中文”的提示信息。

  • 相关阅读:
    09-导入/导出
    django 登录
    python 数据结构
    Django 加密解密
    MySQL SQL语句
    libpython3.6m.so.1.0文件缺失
    环境变量配置
    Django 设置session过期时间
    Django 搜索功能
    表单校验
  • 原文地址:https://www.cnblogs.com/yueliming/p/3030970.html
Copyright © 2020-2023  润新知