1：response.validateFail(fieldId, "机构英文名已被其他人使用");   //field为这个字段的id，”“ 双引号的内容，是提示语
<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>jQuery Validation Engine 表单验证中文版 &raquo; 在线演示 - 前端开发仓库</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(三) 基本常识的更多相关文章

  1. jQuery Validation Engine 表单验证

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

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

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

  3. jQuery Validation Engine 表单验证，自定义规则验证方法

    jQuery Validation Engine 表单验证说明文档http://code.ciaoca.com/jquery/validation-engine/ js加到jquery.validat ...

  4. 验证控件jQuery Validation Engine调用外部函数验证

    在使用jQuery Validation Engine的时候,我们除了使用自带的API之外,还可以自己自定义正则验证.自定义正则验证上一篇已经讲过了,如果想使用自定义函数进行验证怎么办?其实这个控件有 ...

  5. jQuery Validation Engine(二) checkHello data-errormessage

    <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...

  6. jQuery Validation Engine

    <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...

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

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

  8. jquery 悬浮验证框架 jQuery Validation Engine

    中文api 地址  http://code.ciaoca.com/jquery/validation-engine/   和bootstarp 一起使用不会像easyui  验证那样生硬 修改版 原版 ...

  9. Validation Engine 表单验证

    前端开发仓库 » jQuery » jQuery Validation Engine 表单验证 jQuery Validation Engine 表单验证来源 功能强大的 jQuery 表单验证插件, ...

随机推荐

  1. C语言：判断字符串是否为回文，-函数fun将单向链表结点数据域为偶数的值累加起来。-用函数指针指向要调用的函数，并进行调用。

    //函数fun功能:用函数指针指向要调用的函数,并进行调用. #include <stdio.h> double f1(double x) { return x*x; } double f ...

  2. ThinkPHP的介绍和安装

    8月6号开始学ThinkPHP了,看的是赵桐正老师的视频,.以及要去看了5集,初步感觉此框架还不错,就是要记忆哪些函数的用法感觉不太好.无论如何,既然要学了,就要遵从这个.在此,将学习时的一些笔记贴上 ...

  3. sso系统登录以及jsonp原理

    登录的处理流程: 1.登录页面提交用户名密码. 2.登录成功后生成token.Token相当于原来的jsessionid,字符串,可以使用uuid. 3.把用户信息保存到redis.Key就是toke ...

  4. Codeforces Round #621 (Div. 1 + Div. 2) C. Cow and Message

    Bessie the cow has just intercepted a text that Farmer John sent to Burger Queen! However, Bessie is ...

  5. 转专业后补修C语言的一些体会(4)

    1.对于文件的打开和关闭操作:首先了解到,C语言将文件分成了两种类型:文本文件和二进制文件.针对这两种文件,各有不同的文件读写方式.在C语言中,文件的操作要借助一个文件指针 即FILE 类型,定义了一 ...

  6. yp寒假训练一

    19年东北四省省赛 做了J G C 补了E H J签到题 G 题意: 给n个正方形的两个斜对角点坐标,问最小的移动可以重叠(移动上下左右一格) 思路: 一开始想的是中心pos移动,但是可能有小数,而且 ...

  7. C++11常用特性介绍——decltype关键字

    一.decltype的意义 有时我们只想从表达式的类型推断出要定义的变量类型,但是不想用其值进行初始化的时候,C++11新标准引入了decltype类型说明符,它的作用是选择并返回操作数的数据类型,在 ...

  8. 于elasticsearch-rest-high-level-client 操作 Es

    安装Java:要求JDK为1.8及以上版本. 创建阿里云Elasticsearch实例:实例版本要求大于等于elasticsearch-rest-high-level-client的版本.本文创建一个 ...

  9. Newtonsoft.Json 版本不一致导致错误

    可以在配置文件添加这部分,其他版本的不一致,也可使用这种方式解决. <runtime> <assemblyBinding xmlns="urn:schemas-micros ...

  10. springboot集成拦截器

    一.首先对HandlerInterceptor进行封装,封装为MappingInterceptor.封装的方法里添加拦截器起作用的路径addPathPatterns(),及需要排除路径的方法exclu ...