jquery validation

一、首先要加的js有三个

jquery-1.3.2.min.js jquery的核心包

jquery.validationEngine.js jquery的验证JS

jquery.validationEngine-en.js jquery自定义提示信息的JS

 

二、要加的css样式一个

validationEngine.jquery.css 定义提示信息的样式

 

 

三、页面加载的时候就加载验证框架

$(document).ready(function() {

$("#formID").validationEngine()

});

 

四、页面要求，验证的表单form要加id，input也要id，class中的内容是要验证的项目，具体参考jquery.validationEngine-en.js

<form id="formID" class="formular" method="post" action="">

 

<input value="" class="validate[required,custom[noSpecialCaracters],length[0,20],ajax[ajaxUser]]" type="text" name="user" id="user" />

 

特别说明ajax唯一性验证

在jquery.validationEngine-en.js中

 

"ajaxUser":{
						"file":"validateUser",
						"alertTextOk":"* This user is available",	
						"alertTextLoad":"* Loading, please wait",
						"alertText":"* This user is already taken"}

 

 “file”的值是要跳转的serlvet或action.

"alertTextOk"是validateValue=true时的提示信息

具体参数，参考：http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

 

 

后台处理：

package com.jquery;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONArray;

public class ValidateUser extends HttpServlet {
	public void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
			String vValue=request.getParameter("validateValue");
			String vId=request.getParameter("validateId");
			String vError=request.getParameter("validateError");
			PrintWriter out;
			out=response.getWriter();
			String ajaxvalid[]=new String[3];
			ajaxvalid[0]=vId;
			ajaxvalid[1]=vError;
			if("zcj".equals(vValue.trim())){
				ajaxvalid[2]="true";	//如果是zcj，就可以添加
				//把数组转成字符串输出
				out.print("{'jsonValidateReturn':"+JSONArray.fromObject(ajaxvalid).toString()+"}");
			}else{
				ajaxvalid[2]="false";
				out.print("{'jsonValidateReturn':"+JSONArray.fromObject(ajaxvalid).toString()+"}");
			}
	}
}

 总的来说，就是接收三个传入的验证参数，做判断后，放入数组中，然后用json转成json字符串发送到前台。

 

导入json的时候注意一定要导入六个包

      commons-beanutils

      commons-collections

      commons-lang

      commons-logging

      ezmorph

      以及json的包

 

ok,很简单的介绍了下，把代码发上来。