特别提示:适用版本2.6.2,发表时间:2015-03-29
一、引用JS及CSS
<link href="/Content/validationEngine.jquery.css" rel="stylesheet" />
<script src="/Scripts/jquery-1.8.2.min.js"></script>
<script src="/Scripts/jquery.validationEngine-zh_CN.js"></script>
<script src="/Scripts/jquery.validationEngine.js"></script>
二、表单,注意其中的ajaxRegisterCheck
<form id="wallimn_form" action="#" method="post">
<input id="user" name="user" type="text" value="" class="validate[required,ajax[ajaxRegisterCheck]]" />
<input type="text" value="" class="validate[required]" />
<input type="submit" value="提交"/>
</form>
wallimn原创,欢迎转载,原文地址:http://wallimn.iteye.com/blog/2196954
三、定义AJAX验证相关参数
方法1:
修改文件jquery.validationEngine-zh_CN.js,加入下面代码
"ajaxRegisterCheck": {
"url": "/sys/bus.do?method=register_check",
"extraData": "dt="+(new Date()).getTime(),
"alertText": "* 验证失败!",
"alertTextLoad": "* 验证中,请稍候..."},
方法2:
在当前页面中加入如下代码:
$(function(){
$.extend($.validationEngineLanguage.allRules,{ "ajaxRegisterCheck": {
"url": "/sys/bus.do?method=register_check",
"extraData": "dt="+(new Date()).getTime(),
"alertText": "* 验证失败!",
"alertTextLoad": "* 验证中,请稍候..."}
});
});
四、启动验证机制
<script type="text/javascript">
$.ready(function () {
$("#wallimn_form").validationEngine();
});
</script>
五、服务器端处理
页面调用指定的url验证地址,传递两个参数,名称为:fieldId,fieldValue,对应的值为元素的ID和VALUE,服务器端根据这两个参数实现判断逻辑,然后返回包含三个元素的数组:元素ID、检查是否通过(true or false)、提示信息。注意,字符串需要使用双引号引起来。
分享到:
相关推荐
Validation Engine是一款基于Jquery的js表单验证插件。相对于之前的传统表单验证工具,其优点是自定义验证内容更广泛以及与AJAX的方便整合。
(六)struts2- 2.3.15.3 spring3.2.4 mybatis-3.2.3 jquery.validationEngine ajax表单验证 数据库重复
jQuery.validationEngine v3.1.0 寻找官方贡献者 这个项目已经进行了7年多了,现在我仅通过请求请求的贡献来维护该项目。 但是,我很乐意帮助提高代码质量并保持可接受的未解决问题。 概括 jQuery验证引擎是一个...
2 使用ajax提交表单,但是没有使用ajax验证. 这种方式也比较简单,在我们使用ajax请求前检查验证是否通过就可以,例如: 代码如下: //验证不通过时return if(!$(“form#ajaxForm”).validationEngine(“validate...
http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/ 这个插件支持大部分的浏览器,但由于有使用到了css3的阴影和圆角样式,所以在IE浏览器下无法看到圆角和阴影...
http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/ 这个插件支持大部分的浏览器,但由于有使用到了css3的阴影和圆角样式,所以在IE浏览器下无法看到圆角和阴影...
问题:最近使用 jqeury 的 validationEngine 做ajax校验,当表单中的最后一个字段需要做ajax验证时,此时在字段输入完毕后点击回车提交表单时不起作用,必须再按一次/点击submit按钮。 分析:通过个跟踪其源代码,...
13.使用cache - 99 - The cache API - 99 - 不要把Session当成缓存! - 101 - 配置mcached - 101 - 14.发送e-mail - 102 - Mail 和MVC 集成 - 102 - text/html e-mail - 103 - text/plain e-mail - 104 - text/...
13.使用cache - 99 - The cache API - 99 - 不要把Session当成缓存! - 101 - 配置mcached - 101 - 14.发送e-mail - 102 - Mail 和MVC 集成 - 102 - text/html e-mail - 103 - text/plain e-mail - 104 - text/...
This project is built using spring boot and thymeleaf templete engine 使用的技术和概念 前端: Thymeleaf模板引擎 Html CSS Java脚本 jQuery的 引导程序 后端: Java 8 Sprint Boot 春天数据jpa MySQL的 ...