회원가입 입력폼 실시간 유효성검사

<style>
span.correct { color: blue; }
span:not(.correct) { color: red; }
</style>

<ul>
    <li>reg_mb_id: <input type="text" id="reg_mb_id"></li>
    <li><span id="msg_mb_id"></span></li>
    <li>reg_mb_password: <input type="text" id="reg_mb_password"></li>
    <li>reg_mb_password_re: <input type="text" id="reg_mb_password_re"></li>
    <li><span id="msg_mb_password"></span></li>
    <li>reg_mb_nick: <input type="text" id="reg_mb_nick"></li>
    <li><span id="msg_mb_nick"></span></li>
    <li>reg_mb_email: <input type="text" id="reg_mb_email"></li>
    <li><span id="msg_mb_email"></span></li>
    <li>reg_mb_hp: <input type="text" id="reg_mb_hp"></li>
    <li><span id="msg_mb_hp"></span></li>
</ul>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
function reg_mb_id_check() {
    //
}
function reg_mb_nick_check() {
    //
}
function reg_mb_email_check() {
    //
}
function reg_mb_hp_check() {
    //
}

$('#reg_mb_id').on('keyup', function(){
    var msg = reg_mb_id_check();
    if (msg)
        $('#msg_mb_id').removeClass('correct').text(msg);
    else
        $('#msg_mb_id').addClass('correct').text('사용 가능한 아이디 입니다.');
});
$('#reg_mb_password_re').on('keyup', function(){
    var pwd = $('#reg_mb_password').val();
    if( $(this).val().length > 0 && $(this).val() != pwd )
        $('#msg_mb_password').removeClass('correct').text('비밀번호가 일치하지 않습니다.');
    else
        $('#msg_mb_password').addClass('correct').text('비밀번호가 일치합니다.');
});
$('#reg_mb_nick').on('keyup', function(){
    var msg = reg_mb_nick_check();
    if (msg)
        $('#msg_mb_nick').removeClass('correct').text(msg);
    else
        $('#msg_mb_nick').addClass('correct').text('사용 가능한 닉네임 입니다.');
});
$('#reg_mb_email').on('keyup', function(){
    var msg = reg_mb_email_check();
    if (msg)
        $('#msg_mb_email').removeClass('correct').text(msg);
    else
        $('#msg_mb_email').addClass('correct').text('사용 가능한 이메일 입니다.');
});
$('#reg_mb_hp').on('keyup', function(){
    var msg = reg_mb_hp_check();
    if( msg )
        $('#msg_mb_hp').removeClass('correct').text(msg);
    else
        $('#msg_mb_hp').addClass('correct').text('');
});
</script>