【jQuery】jquery.metadata.js驗證失效

來源:互聯網
上載者:User

標籤:子郵件   成功   一個   curl   query   大神   修改   簡單的   檢查   

<!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驗證失效

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.