jquery.validationEngine Ajax验证的使用方法

特别提示：适用版本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、检查是否通过(trueorfalse)、提示信息。注意，字符串需要使用双引号引起来。