jquery.validationEngine

引入库文件

<!DOCTYPE html>
<head>
	<!--jQuery-->
	<script type="text/javascript" charset="utf-8" src="/System/UI/jquery/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="/System/UI/jquery-ui/1.8.14/js/jquery-ui-1.8.14.custom.min.js"></script>
	<link rel="stylesheet" href="/System/UI/jquery-ui/1.8.14/css/smoothness/jquery-ui-1.8.14.custom.css" />

	<!--validationEngine-->
	<script type="text/javascript" charset="utf-8" src="/System/UI/jquery.validationEngine/2.2.4/js/languages/jquery.validationEngine-ZH_CN.js"></script>
	<script type="text/javascript" charset="utf-8" src="/System/UI/jquery.validationEngine/2.2.4/js/jquery-ecmc-validationEngine.min.js"></script>
	<link rel="stylesheet" type="text/css" href="/System/UI/jquery.validationEngine/2.2.4/css/validationEngine.jquery.css" />
</head>

必要条件：1.为Form设置class.2.为检查标记设置id.

<form >

实例

<!--必填-->
<input type="text" />
<input type="text" />

<!--数字-->
<input type="text" />

<!--日期-->
<input type="text" />

<!--至少选1,组元素name要相同-->
<input type="checkbox" name="Group" />1
<input type="checkbox" name="Group" />2

<!--自定义-->
<script type="text/javascript">
var fnCheck = function(){
	return "error info";
}
</script>
<input type="text" />

事件

<script type="text/javascript">
$(document).ready(function(){
	//validation后,submit前事件
	$("#frm1").validationEngine("addActionAfterValidation",function(r){
		if(!r) return false;
		return confirm("检查已通过,是否要提交");
	});
});
</script>

相关推荐