引入库文件

<!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. jboss服务启动失败报：Error occurred during initialization of VM

    今天下午突然间公司的GTV管理平台上不去了 访问确实,提示找不到页面 登录终端查看服务进程. ps -ef | grep jboss 发现没有这个进程.怎么办,启动被. 输入nohup /home/c ...

  2. USACO 3.4 American Heritage

    American Heritage Farmer John takes the heritage of his cows very seriously. He is not, however, a t ...

  3. 将List 中的ConvertAll的使用：List 中的元素转换，List模型转换， list模型转数组

    一,直接入代码 using System; using System.Collections.Generic; using System.Linq; using System.Web; using S ...

  4. 转：Monoids and Finger Trees

    转自:http://apfelmus.nfshost.com/articles/monoid-fingertree.html This post grew out of the big monoid ...

  5. [Q]“获取AutoCAD安装信息时失败...”解决方法

    “获取AutoCAD安装信息时失败...”解决方法:在“setup.exe”上右键,以管理员权限运行即可.

  6. [转]numpy线性代数基础 - Python和MATLAB矩阵处理的不同

    转自:http://blog.csdn.net/pipisorry/article/details/45563695 http://blog.csdn.net/pipisorry/article/de ...

  7. Canvas_2

    绘制矩形: fillRect(x,y,width,height)===========>绘制一个有填充颜色的矩形strokeRect(x,y,width,height)========>绘 ...

  8. HTML form的一些属性(第一版)

    p,li { white-space: pre-wrap } HTML表单属性总结(第一版) 基本格式为:<input type="类型" name="名字[唯一, ...

  9. FaceBook页面加载技术

    1. 技术背景 FaceBook页面加载技术 试想这样一个场景,一个经常访问的网站,每次打开它的页面都要要花费6 秒:同时另外一个网站提供了相似的服务,但响应时间只需3 秒,那么你会如何选择呢?数据表 ...

  10. Symfony命令大全

    执行命令: $ php bin/console 查看一下命令 Symfony version 3.1.5 - app/dev/debug Usage: command [options] [argum ...