一、首先要加的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,很简单的介绍了下,把代码发上来。
分享到:
相关推荐
让jquery validation plugin 支持zepto
jQuery Validation Plugin v1.19.1 表单验证插件 2020年官方最新版。包含中文语言包messages_zh.js及jquery.validate.js,在dist目录中。
JQuery validation plugin学习资料
jQuery Validation表单验证插件实例合集,是锋利的JQuery第七章中的一个典型实例,一步步向大家讲解如何使用基于jQuery的表单验证插件jquery.validate.js和jquery.validate.messages_cn.js的使用方法,一共包含了7个...
jQuery Validation Plug最新版。解决jQuery1.6不能工作的问题在IE 6,7,8,9
jQuery Validation 参考手册
jqueryvalidation 官方网站内容,本人编译的CHM文件,方便查询学习。
jQuery 插件使客户端表单验证变得容易,同时仍然提供了大量的自定义选项。如果您要从头开始构建新的东西,或者当您试图将某些东西集成到具有大量现有标记的现有应用程序中时,它都是一个不错的选择。该插件捆绑了一...
轻量的jQuery Validation
文中涉及的代码 博文链接:https://singyuenyip.iteye.com/blog/1861268
jQuery validation 1.6.zip 包括全部类库和一些demo。
Jquery Validation 验证 不错的验证插件 值得学习
jquery validation的插件的用法,有许多demo,例如登录的验证等等
修复remote时要改为同步的问题。其实只需要进行下面的修改
jQuery Validation Plugin是一款基于jQuery的表单数据校验插件,使用非常简单方便,该插件版本为1.13.0。
Validation Engine是一款基于Jquery的js表单验证插件。相对于之前的传统表单验证工具,其优点是自定义验证内容更广泛以及与AJAX的方便整合。
jQueryvalidation验证框架.pdf
jquery validation的使用,本文使用的是validation 1.10,jquery1.8 1、默认校验 2、使用方式(meta、validate) 3、自定义校验的使用 4、错误消息自定义
jquery-validation-1.9.0是一款优秀的form表单验证插件,此资源主要为某篇博客服务,如有需要还请下载。整个压缩包无法上传,有需要请留言