2010-08-15 27 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)要使插件工作,您需要使用'