jquery validation

最新推荐文章于 2025-09-06 16:16:54 发布

原创最新推荐文章于 2025-09-06 16:16:54 发布 · 141 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #json #Ajax #Servlet #CSS #ViewUI

前端js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用jQuery Validation Engine插件实现表单验证，包括必填项检查、自定义验证规则及AJAX远程验证等特性，并提供了后台处理示例。

一、首先要加的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

特别说明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,很简单的介绍了下，把代码发上来。