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