一 : 表单中为元素添加Ajax验证
<form id="editform" action="#" method="post">
<input id="user" name="user" type="text" value="" class="validate[required,ajax[ajaxNameCall]]" />
<input type="submit" value="提交"/>
</form>二:定义AJAX验证相关参数
$.validationEngineLanguage.allRules.ajaxNameCall = {
"url": "/admin/user/validate",
//验证失败时的消息
"alertText": "* 该名称已被其他人使用",
//验证成功时的消息
"alertTextOk": "该名称可以使用",
"alertTextLoad": "* 正在验证,请稍等。。。"
};三: 启动验证机制
$ready(function () {
$("#editform").validationEngine();
});四:服务器端处理
向服务器端传两个参数:fieldId,fieldValue,根据这两个参数实现判断逻辑,然后返回一个三元素的数组:元素ID、检查是否通过(true or false)、提示信息。注意,字符串需要使用双引号引起来。
本文介绍了一种在表单中使用Ajax进行实时验证的方法。主要包括为表单元素添加验证规则、定义Ajax验证参数、启动验证机制及服务器端处理流程。通过具体示例展示了如何实现客户端与服务器端的交互验证。

228

被折叠的 条评论
为什么被折叠?



