SO fiddle

Test Fiddle mainly for SO Questions

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/overcast/jquery-ui.css">
<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js"></script>
<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 -->

JavaScript

$('#register form').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');
    },
    debug: true
});