jQuery 表單驗證插件 Happy.js

jopen 12年前發布 | 52K 次閱讀 jQuery 表單相關jQuery插件 jQuery插件

Happy.js 是一個輕量級的 jQuery 表單驗證插件。

支持的瀏覽器

  • IE 6, 8 (and 8 in compat. mode, which is supposed to be like 7)
  • FF 3.6
  • Chrome 7
  • Safari 5

示例代碼:

<!doctype html>
<html>
  <head>
    <title>Demo</title>
    <script src="jquery.or.zepto.js"></script>
    <script src="happy.js"></script>
    <script src="happy.mytrimmedlistofmethods.js"></script>
    <script>
      $(document).ready(function () {
        $('#awesomeForm').isHappy({
          fields: {
            // reference the field you're talking about, probably by `id`
            // but you could certainly do $('[name=name]') as well.
            '#yourName': {
              required: true,
              message: 'Might we inquire your name'
            },
            '#email': {
              required: true,
              message: 'How are we to reach you sans email??',
              test: happy.email // this can be *any* function that returns true or false
            }
          }
        });
      }); 
    </script>
  </head>
  <body>
    <form id="awesomeForm" action="/lights/camera" method="post">
      <input id="yourName" type="text" name="name" />
      <input id="email" type="text" name="email" />
    </form>
  </body>
</html>

項目主頁:http://www.baiduhome.net/lib/view/home/1338508714995

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!