2010-08-15 63 views
1

我現在正在學習jQuery,希望能夠驗證表單域。jQuery初學者...驗證表單域

在考慮中的登記表在http://taehee.pumpl.com/register.php

爲表單字段我提出的基本代碼是:

<div id="register"> 
     <form action=""> 
     <fieldset> 
     <legend>Register</legend> 
     <ol> 
      <li><label for="username">유저네임</label> 
      <input id="username" name="username" size="32" type="text" ></li> 
      <li><label for="email">이메일</label> 
      <input id="email" name="email" size="32" type="text"></li> 
      <li><label for="password">비밀번호</label> 
      <input id="password" name="password" size="32" type="password"></li> 
      <li><label for="password2">비밀번호 확인</label> 
      <input id="password2" name="password2" size="32" type="password"></li></li> 
     </ol> 
     </fieldset> 
     <input type="submit" value="Submit"> 
     </form> 
    </div> <!-- register --> 

我已經使用以下加載jQuery的在報頭:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> 
<script type="text/javascript" src="js/script.js"></script> 

我還用下面的代碼創建了一個腳本:

$('#register').validate({ 
rules: { 
    username: { 
     required: true, 
    }, 
    email: { 
     required: true, 
     email: true 
    }, 
    password: { 
     minlength: 4, 
     required: true 
    }, 
    password2: { 
     equalTo: "#password" 
    } 
}, 
success: function(label) { 
    label.text('OK!').addClass('valid'); 
} 

});

不幸的是,它似乎沒有工作。我填寫表格,這些字段是否都是錯誤的並不重要。

任何人都可以幫助我嗎?謝謝!

+2

您使用的是指您未鏈接到的jQuery插件。 'validate()'函數不是jQuery核心文件的一部分。 – 2010-08-15 05:15:54

+0

它的jQuery驗證插件,不是嗎(http://docs.jquery.com/Plugins/Validation)要使插件工作,您需要使用'