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

原文地址:https://www.cnblogs.com/yueliming/p/3030970.html