引入库文件

<!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>

　　

jquery.validationEngine的更多相关文章

  1. jQuery.validationEngine.js学习

    项目中使用到了这个插件,抽了个空,看了一下. (function($){ var method ={} $.fn.validationEngine = function(){} $.validatio ...

  2. jquery validationEngine的使用

    1.引入文件 <script src="/js/jquery-1.4.2.min.js" type="text/javascript"></s ...

  3. jQuery.validationEngine前端验证

    引入相关文件: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type ...

  4. Jquery ValidationEngine 修改验证提示框的位置

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. jquery validationEngine 使用ajax验证不通过也提交表单

    转自 http://mylfd.iteye.com/blog/2007227 validationEngine给我们为前端的表单验证减少了很大的工作量.大部分情况我们使用validationEngin ...

  6. jQuery Validation Engine 表单验证

    功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则. 兼容 IE 6+, Chrome, ...

  7. 验证控件jQuery Validation Engine简单自定义正则表达式

    首先上控件的地址http://code.ciaoca.com/jquery/validation-engine/ 具体使用方式网站里说的很清楚,我写这篇文章主要是用于记录如何自己添加自定义正则表达式, ...

  8. jQuery 表单验证插件 jQuery Validation Engine 使用

    jQuery 表单验证插件 jQuery Validation Engine 使用方式如下: 1.引入头文件(注意一定要把jQuery放在前面),指定使用 jQuery Validation Engi ...

  9. jquery validation ajax 验证

    <link href="${base}/res/basic/css/jquery/validationEngine/validationEngine.jquery.css" ...

随机推荐

  1. 分析器错误（在浏览器中查看.aspx）

    分析器错误 说明: 在分析向此请求提供服务所需资源时出错.请检查下列特定分析错误详细信息并适当地修改 分析器错误消息: 未能创建类型"StockManageWebService.Servic ...

  2. [UWP-小白日记13]Composition动画

    前言 首先,来对比下传统动画和Composition动画.看图就能明白composition动画的优势太明显就像官方说的大幅度的降低了动画的实现难度和代码量. 传统的动画,就拿最常见的就是过度动画:进 ...

  3. 自己找到的一些比较实用比较好看的前端特效。很多是前面提供的jquery网站的

    http://www.cnblogs.com/zhangzongle/p/6034394.html webservicehttp://blog.csdn.net/wowkk/article/detai ...

  4. 如何关闭tomcat的localhost_access_log？

    Tomcat每处理一个请求就会在{tomcat_home}/logs/下面生成localhost_access_log,日复一日,服务器上面就产生了很多这样的文件,虽然单个文件不大,但是积少成多,一定 ...

  5. C# 操作IIS -App & AppPools

    using System; using System.DirectoryServices; using System.Management; using Microsoft.Web.Administr ...

  6. iOS 发布项目到CocoaPods其实没那么复杂😆

    首先大家必须要了解一下CocoaPods (如果你连CocoaPods是啥都不知道可以不用往下看了

  7. 使用pycharm+pyqt5 调取界面程序

    一.使用QtDesigner制作界面 1)打开的界面设计工具QtDesigner,如图: 2)新建窗体,选择Main Window: 3)分别在窗口添加如下控件,Calendar.3个pushButt ...

  8. 手动为maven的本地仓库添加JAR

    在要添加的jar所在的文件夹下打开黑屏 如添加Oracle的ojdbc6.jar 输入: mvn install:install-file -DgroupId=com.oracle -Dartifac ...

  9. ios下点击穿透focus获取问题

    在ios下的浏览器中当点击当前页的一个按钮,用window.location.href进行跳转时,如果下一个页面里这点击按钮的位置是一个textarea或者text等那么他会触发focus事件,会出现 ...

  10. Unity人工智能学习—确定性AI算法之追踪算法一

    转自http://blog.csdn.net/zhangxiao13627093203/article/details/47451063 尽管随机运动可能完全不可预知,它还是相当无趣的,因为它完全是以 ...