<!DOCTYPE html>

<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=ANSI"/>

    <title>Validation2</title>

    <script src="../Scripts/jquery-2.1.3.js"></script>

    <script src="../Scripts/jquery.metadata.js" type="text/javascript"></script>

    <script src="../Scripts/jquery.validate.js" type="text/javascript"></script>

    <script type="text/javascript">

      $(function(){

         $("#commentForm").validate({ meta : "validate" });

      });

    </script>

    <style type="text/css">

      *{font-family: Verdana; font-size:96%;}

      label{width: 10em; float: left;}

      label.error{float: none; color: red; padding-left: .5em; vertical-align: top;}

      p {clear: both;}

      .submit{margin-left: 12em;}

      em{font-weight: bold; padding-right: 1em; vertical-align: top;}

    </style>

  </head>

  <body>

    <form class="cmxform" id="commentForm" method="get" action="#">

      <fieldset>

        <legend>一个简单的验证带验证提示的评论例子</legend>

        <p>

           <label for="cusername">姓名</label><em>*</em>

           <input id="cusername" name="username" size="25" class="{validate: {required:true,minlength:2}}" />

        </p>

        <p>

           <label for="cemail">电子邮件</label><em>*</em>

           <input id="cemail" name="email" size="25" class="{validate:{required:true,email:true}}" />

        </p>

        <p>

           <label for="curl">网址</label><em>&nbsp;</em>

           <input id="curl" name="url" size="25" value="" class="{validate:{url:true}}" />

        </p>

        <p>

          <label for="ccoment">你的评论</label><em>*</em>

          <textarea id="ccoment" name="comment" cols="22" class="{validate:{required:true}}"></textarea>

        </p>

        <p>

           <input class="submit" type="submit" value="提交"/>

        </p>

      </fieldset>

    </form>

  </body>

</html>
    本人JS菜鸟，今天按照书本写代码，用jquery.metadata.js进行验证，结果失败了。调试多次，代码也检查一致，发现仍不能成功。后经大神指教调试，终于找到问题。
    原来是规则“空格”闯的祸，在获取规则的时候是按空格进行分割的，因此找不到规则了。
 
         
 
   修改如下：
         

 
       然后结果就可以出来了：
             
      看来还是要好好看看源码

【jQuery】jquery.metadata.js验证失效的更多相关文章

  1. JQuery Validate - 自定义js验证

    (function (window, $) { var validResult = {}; var checkObjs = { /** * 检查输入的一串字符是否全部是数字 * 输入:str Stri ...

  2. jQuery Validate 表单验证插件----利用jquery.metadata.js将校验规则直接写在class属性里面并定义错误信息的提示

    一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二. 添加一个另外一个插件jquery.metadata.js 并把校验规则写在控件里面 ...

  3. jQuery插件 -- 表单验证插件jquery.validate.js, jquery.metadata.js

    原文地址:http://blog.csdn.net/zzq58157383/article/details/7718352   最常使用JavaScript的场合就是表单的验证,而jQuery作为一个 ...

  4. jQuery插件 -- 表单验证插件jquery.validate.js

    最常使用JavaScript的场合就是表单的验证,而jQuery作为一个优秀的JavaScript库,也提供了一个优秀的表单验证插件----Validation.Validation是历史最悠久的jQ ...

  5. jQuery Validate验证框架详解(jquery.validate.min.js)

    原博客 jQuery Validate验证框架详解 jQuery校验官网地址:https://jqueryvalidation.org/ 一.导入js库 <script type="t ...

  6. JS验证控件jQuery Validate

    jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证 ...

  7. jQuery validate 根据 asp.net MVC的验证提取简单快捷的验证方式（jquery.validate.unobtrusive.js）

    最近在学习asp.netMVC,发现其中的验证方式书写方便快捷,应用简单,易学好懂. 验证方式基于jQuery的validate 验证方式,也可以说是对jQuery validate的验证方式的扩展, ...

  8. jQuery Validate 表单验证插件----通过name属性来关联字段来验证，改变默认的提示信息，将校验规则写到 js 代码中

    一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二. 添加一个另外一个插件jquery.validate.messages_cn.js. ...

  9. aspx中的表单验证 jquery.validate.js 的使用 以及 jquery.validate相关扩展验证(Jquery表单提交验证插件)

    这一期我们先讲在aspx中使用 jquery.validate插件进行表单的验证, 关于MVC中使用 validate我们在下一期中再讲     上面是效果,下面来说使用步骤 jQuery.Valid ...

随机推荐

  1. ob 函数讲解

    ob的基本原则:如果ob缓存打开,则echo的数据首先放在ob缓存.如果是header信息,直接放在程序缓存.当页面履行到最后,会把ob缓存的数据放到程序缓存,然后依次返回给涉猎器.下面我说说ob的基 ...

  2. Android中子线程真的不能更新UI吗？

    Android的UI访问是没有加锁的,这样在多个线程访问UI是不安全的.所以Android中规定只能在UI线程中访问UI. 但是有没有极端的情况?使得我们在子线程中访问UI也可以使程序跑起来呢?接下来 ...

  3. Hadoop2.x + eclipse 插件配置

    http://blog.csdn.net/u012874209/article/details/52105304 搭建集群那些就不用说了,主要有几个关键的地方需要注意(自己的Hadoop版本是2.5. ...

  4. 每天一个Linux命令（19）find命令_初识

    Linux下find命令在目录结构中搜索文件,并执行指定的操作.     (1)用法: 用法: find pathname    -option      [-print | -exec | -ok] ...

  5. python cookbook 字符串和文本

    使用多个界定符分隔字符串 import re line = 'asdf fjdk; afed, fjek,asdf, foo' print(re.split(r'[;,\s]\s*', line)) ...

  6. flex 动画笔记

    1.不涉及到组件宽度和高度变化的 如果类似showEffect等属性不好使的,直接使用hideEffect.end(); showEffect.play();等这样的用法. 2.涉及到组件宽度和高度变 ...

  7. [原创]java WEB学习笔记19：初识MVC 设计模式：查询，删除 练习(理解思想)，小结 ，问题

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

  8. 【八】MongoDB管理之分片集群实践

    MongoDB中集群有三种:主从复制.副本集.分片集群.目前副本集已经替代主从复制架构,成为官方建议采用的架构,而分片集群相较于前两种,更加复杂. 下面是生产环境中常用的分片集群架构: 我们知道,分片 ...

  9. sass表达式前后出现空格

    最近发现一个问题,当我用mixin将px转rem时: @mixin pxToRem($remVal: 1){ font-size: ($remVal/75)rem; }.a { @include px ...

  10. nginx rewrite标签配置以及用户认证配置

    一.nginx  rewrite标签 rewrite 实现URL的改写主要是实现伪静态 1.  rewrite指令语法 指令语法:rewrite regex replacement[flag] 默认值 ...