validationEngine ajax

最新推荐文章于 2025-08-12 15:10:50 发布

firedragonpzy

最新推荐文章于 2025-08-12 15:10:50 发布

阅读量170

点赞数

CC 4.0 BY-SA版权

分类专栏：【script】jquery 文章标签： validationEngine ajax

本文链接：https://blog.youkuaiyun.com/fireDragonpzy/article/details/84234365

【script】jquery 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用PHP和AJAX实现的表单验证方法，包括JS配置、表单设置及验证规则配置等内容。该方法可以有效提升用户体验，并确保表单数据的准确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[i][b]本文为firedragonpzy原创,转载务必在明显处注明：
转载自【Softeware MyZone】原文链接: http://www.firedragonpzy.com.cn/index.php/archives/756[/b][/i]


php -- inline和submit的ajax验证(包括三个地方需要配置)
1：文件中js配置（除了引入该有的js、css外还需此配置）
$(document).ready(function(){
	// Called once the server replies to the ajax form validation request
	function ajaxValidationCallback(status, form, json, options){
		if(json[0][1]){
			var action = "/sysrole/create";
			form.attr("action",action);
			form.validationEngine('detach');
			form.submit();
		}  
	}
	$("#form_validate").validationEngine({
		ajaxFormValidation: true,//开启表单提交验证
		onAjaxFormComplete: ajaxValidationCallback//启用回调
	});
});

2：表单：
<form id="form_validate" name="form_validate" action="/ajax/rolesubmit" method="post">
<input id="roleName" name="roleName" type="text" value="{$roleName}" class="validate[required],maxSize[30],ajax[ajaxRole] input">
</form>

3：验证：
 "ajaxRole": {
               "url": "/ajax/role",
               	// you may want to pass extra data on the ajax call
               	"extraData": "name=duncan",
               	"alertText": "* 此角色名称已被其他人使用",
               	"alertTextLoad": "* 正在确认，请稍等…"
                }