jquery.validationEngine

时间：2023-12-04 22:33:50

引入库文件

<!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 id="frm" action="" class="ecmc_Form_NeedValidation">

实例

<!--必填-->

<input type="text" id="txt1" class="validate[required]"/>

<input type="text" id="txt2" class="validate[required,custom[number]]"/>

<!--数字-->

<input type="text" id="txt3" class="validate[custom[number]]"/>

<!--日期-->

<input type="text" id="txt4" class="validate[custom[date]]"/>

<!--至少选1,组元素name要相同-->

<input type="checkbox" name="Group" id="chk1" value="1" class="validate[minCheckbox[1]]"/>1

<input type="checkbox" name="Group" id="chk2" value="2" class="validate[minCheckbox[1]]"/>2

<!--自定义-->

<script type="text/javascript">

var fnCheck = function(){

	return "error info";

}

</script>

<input type="text" id="txt5" class="validate[funcCall[fnCheck]]"/>

事件

<script type="text/javascript">

$(document).ready(function(){

	//validation后,submit前事件

	$("#frm1").validationEngine("addActionAfterValidation",function(r){

		if(!r) return false;

		return confirm("检查已通过,是否要提交");

	});

});

</script>

　　

相关文章