jQuery Validation Engine(三) 基本常识
1：response.validateFail(fieldId, "机构英文名已被其他人使用"); //field为这个字段的id，”“ 双引号的内容，是提示语
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>jQuery Validation Engine 表单验证中文版 » 在线演示 - 前端开发仓库</title>
<link rel="stylesheet" href="/css/demo.css">
<link rel="stylesheet" href="css/validationEngine.jquery.css">
<link rel="stylesheet" href="css/layout.css">
</head>
<body>
<div class="wrap">
<div class="side">
<div class="logo">
<a href="http://code.ciaoca.com/" target="_blank">前端开发仓库</a>
<em>在线演示</em>
</div>
<dl class="about">
<dt>关于</dt>
<dd><a target="_blank" href="http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/">作者</a></dd>
<dd><a target="_blank" href="https://github.com/posabsolute/jQuery-Validation-Engine">Github</a></dd>
<dd><a target="_blank" href="http://code.ciaoca.com/jquery/validation_engine/">中文文档</a></dd>
</dl>
<div id="nav" class="nav">
<dl class="mini">
<dt>示例</dt>
<dd><a href="index.html" title="Validators">综合示例</a></dd>
<dd><a href="demoRequired.html" title="Required">扩展必填验证</a></dd>
<dd><a href="demoDate.html" title="Date">日期类型验证</a></dd>
<dd><a href="demoRegExp.html" title="RegExp">正则验证</a></dd>
<dd><a href="demoFieldTypes.html" title="Field Types">多种输入控件的验证</a></dd>
<!--<dd><a href="demoAttr.html" title="Attr">Attr</a></dd>-->
<dd><a href="demoCheckBox.html" title="CheckBox">单选框、复选框的验证</a></dd>
<dd><a href="demoMultipleForms.html" title="Multiple Forms">多表单验证</a></dd>
<dd><a href="demoDivContainer.html" title="Div Container">Div 容器</a></dd>
<dd><a href="demoWithoutId.html" title="Without Id">不再需要 ID 属性</a></dd>
<dd><a href="demoForm.cn.html" title="Chinese">较好体验的中文表单</a></dd>
</dl>
<dl class="mini">
<dt>参数配置</dt>
<dd><a href="demoGlobalSettings.html" title="Global Settings">全局设置</a></dd>
<dd><a href="demoAutoHide.html" title="Auto Hide">自动隐藏提示信息</a></dd>
<dd class="n"><a href="demoCustomErrorMessages.html" title="Custom Error Messages">自定义提示信息内容</a></dd>
<dd><a href="demoErrorLimit.html" title="Error Limit">提示信息的数量</a></dd>
<dd><a href="demoOneMessage.html" title="One Message">只显示一个提示信息</a></dd>
<dd><a href="demoSilent.html" title="Silent">静默处理</a></dd>
<dd><a href="demoOverflown.html" title="Overflown">显示溢出限制</a></dd>
<dd><a href="demoValidationComplete.html" title="Validation Complete">验证回调函数（阻断提交）</a></dd>
<dd><a href="demoOnForm.html" title="On Form">验证回调函数（不阻断提交）</a></dd>
</dl>
<dl class="mini">
<dt>data 属性</dt>
<dd><a href="demoInlineMessages.html" title="Inline Messages">自定义提示信息内容</a></dd>
<dd><a href="demoPerFieldPromptDirection.html" title="PerField Prompt Direction">提示层的位置</a></dd>
<dd><a href="demoAdjustments.html" title="Adjustments">调整提示层的位置</a></dd>
</dl>
<dl class="mini">
<dt>API 接口</dt>
<dd><a href="demoShowPrompt.html" title="Show Prompt">显示提示信息</a></dd>
<dd><a href="demoPositioning.html" title="Positioning">改变提示层位置</a></dd>
<dd><a href="demoLiveEvent.html" title="Live Event">动态绑定</a></dd>
<dd><a href="demoHooks.html" title="Hooks">自定义事件</a></dd>
</dl>
<dl class="mini">
<dt>Ajax 验证</dt>
<dd><a href="demoAjaxInlinePHP.html" title="Ajax Inline PHP">Ajax PHP 验证</a></dd>
<dd><a href="demoAjaxSubmitPHP.html" title="Ajax Submit PHP">Ajax PHP 验证及提交</a></dd>
</dl>
<dl class="mini">
<dt>其他</dt>
<!--<dd><a href="demoChosenLibrary.html" title="Chosen Library">[插件支持] chosen</a></dd>-->
<dd><a href="demoSelectBoxLibrary.html" title="Select Box Library">[插件支持] SelectBox</a></dd>
<dd><a href="demoDatepicker.html" title="Datepicker">[插件支持] Datepicker</a></dd>
<dd><a href="demoValidators.ja.html" title="Validators JAN">[多语言] 日文</a></dd>
</dl>
</div>
</div>
<div class="main">
<div class="inwrap">
<h1>jQuery Validation Engine 表单验证中文版</h1>
<h2>自定义提示信息内容</h2> <div class="detail">
<p>通过参数<code>custom_error_messages</code>设置按验证规则，或者控件对应验证规则显示不同的提示信息。</p>
</div> <div class="example">
<form id="formID" class="formular" method="post">
<fieldset>
<legend>必填项</legend>
<label>给验证规则定义错误信息（"required"）：</label>
<input value="" data-validation-engine="validate[required]" class="text-input" type="text" name="req" id="req" /> <label>给 ID 配验证规则定义错误信息（"#number"）：</label>
<input value="0" data-validation-engine="validate[required,min[1]]" data-validation-placeholder="This is a placeholder" class="text-input" type="number" name="reqplaceholder" id="number" />
<label>给 Class 配验证规则定义错误信息（".class_req"）：</label>
<input value="" data-validation-engine="validate[required]" class="class_req text-input" type="text" name="class_req" />
</fieldset> <fieldset>
<legend>Custom</legend>
<label>综合自定义错误信息：</label>
<input value="http://" data-validation-engine="validate[required,custom[url]]" class="class_url text-input" type="text" name="url" id="url" />
</fieldset> <input class="submit" type="submit" value="验证 & 提交表单">
</form>
</div> </div>
</div>
</div> <script src="/js/jquery-1.7.2.min.js"></script>
<script src="js/languages/jquery.validationEngine-zh-CN.js"></script>
<script src="js/jquery.validationEngine.min.js"></script>
<script>
jQuery(document).ready(function(){
// binds form submission and fields to the validation engine
jQuery('#formID').validationEngine({
'custom_error_messages': {
// Custom Error Messages for Validation Types
'required': {
'message': '这里必须填写啦！'
}
,'custom[url]': {
'message': '这个错误信息不会被调用哦，因为下面有更高级的覆盖了我呢！'
}
// Custom Error Messages for IDs
,'#url' : {
'custom[url]': {
'message': '这里要填写网址哦！（优先取选择器和验证规则的提示内容）'
}
}
,'#number': {
'min': {
'message': '这个数值……我不能接受'
}
}
// Custom Error Messages for Classes
,'.class_url': {
'custom[url]': {
'message': '这个错误信息不会被调用，因为它是使用 class 的选择器，' +
'而当前存在更高级的 id 选择器。'
}
}
,'.class_req': {
'required': {
'message': '必填（这是使用 class 选择器定义的，它的优先级要比规则的高）'
}
}
}
});
});
</script>
</body>
</html>
jQuery Validation Engine(三) 基本常识的更多相关文章
- jQuery Validation Engine 表单验证
功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则. 兼容 IE 6+, Chrome, ...
- jQuery 表单验证插件 jQuery Validation Engine 使用
jQuery 表单验证插件 jQuery Validation Engine 使用方式如下: 1.引入头文件(注意一定要把jQuery放在前面),指定使用 jQuery Validation Engi ...
- jQuery Validation Engine 表单验证，自定义规则验证方法
jQuery Validation Engine 表单验证说明文档http://code.ciaoca.com/jquery/validation-engine/ js加到jquery.validat ...
- 验证控件jQuery Validation Engine调用外部函数验证
在使用jQuery Validation Engine的时候,我们除了使用自带的API之外,还可以自己自定义正则验证.自定义正则验证上一篇已经讲过了,如果想使用自定义函数进行验证怎么办?其实这个控件有 ...
- jQuery Validation Engine(二) checkHello data-errormessage
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...
- jQuery Validation Engine
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...
- 验证控件jQuery Validation Engine简单自定义正则表达式
首先上控件的地址http://code.ciaoca.com/jquery/validation-engine/ 具体使用方式网站里说的很清楚,我写这篇文章主要是用于记录如何自己添加自定义正则表达式, ...
- jquery 悬浮验证框架 jQuery Validation Engine
中文api 地址 http://code.ciaoca.com/jquery/validation-engine/ 和bootstarp 一起使用不会像easyui 验证那样生硬 修改版 原版 ...
- Validation Engine 表单验证
前端开发仓库 » jQuery » jQuery Validation Engine 表单验证 jQuery Validation Engine 表单验证来源 功能强大的 jQuery 表单验证插件, ...
随机推荐
- 22 严格模式&this关键词&let&const
严格模式: ECMA5后的新指令:"use strict" 它不算一条语句,而是一段文字表达式,更早版本的JavaScript会忽略它. 严格模式无法使用未声明的变量. 严格模式的 ...
- SQLServer亿万级数据优化
--创建分区文件组alter database seclab_sgk_db add filegroup seclab_sgk_db_01alter database seclab_sgk_db add ...
- 【转】获取Jenkins构建时Git Change Log
原文:https://www.jianshu.com/p/513ab6915dbd 在基于Jenkins进行CI持续集成的工作,在构建后上传蒲公英时想将本次版本的git commit信息同步到蒲公英的 ...
- C语言-数组与指针 字符与字符串
1 字符与字符串:char c='a'而不能写出char c="a" //字符变量用单引号'',而字符串用双引号. 2 字符数组与字符指针的初始化: char s[10]={0}, ...
- 电子书及阅读器Demo
电子书阅读器(Kindle,电子纸技术.LCD.电子墨水技术等: 亚马逊/当当网站) 电子书产业可分5大环节:内容供应商.数字格式制作商.内容流通服务平台.传输平台以及终端阅读器产品. 全球电子书市 ...
- System.Web.Compilation.BuildManager.CopyPrecompiledFile 並未將物件參考設定為物件的執行個體
使用MSBUild 的 aspnet_compiler.exe 发布网站, 过程中出现错误 [NullReferenceException]: 並未將物件參考設定為物件的執行個體 System.W ...
- SqlService 并发测试
使用Sql QueryStress 可输入需要的线程数量,执行次数,对SQL 语句或存储过程进行测试,可查看执行时间及资源耗用.
- vagrant up启动centos7时出现"rsync" could not be found on your PATH. Make sure that rsyncis properly ins
(1)问题1:"rsync" could not be found on your PATH. Make sure that rsyncis properly ins 解决方法: ...
- 字符流---Day32
时隔多久,我又回来写博客了,最近忙于两个课设,五周,搞得头发都不知道掉了多少根了,还没成为程序员就开始掉了,等我成为一名程序员的时候岂不是要秃头了,IT界的人会不会帮我当成大佬了,哈哈哈哈,希望我以后 ...
- ha-wordy-Write-up
信息收集 下载地址:点我 bilibili:点我 ➜ ~ nmap -sn 192.168.116.1/24 Starting Nmap 7.80 ( https://nmap.org ) at 20 ...