JQuery Validation

JQuery Validation

1.Jquery를 다운받고 설치한다.

2. Jquery Validation Site에서 jquery.validate.js파일을 다운받는다.

(http://docs.jquery.com/Plugins/Validation),

(http://bassistance.de/jquery-plugins/jquery-plugin-validation/)

3. 한글 메시지 파일을 다운받는다.

(http://mytory.co.kr/archives/195)

3개의 js파일을 다음처럼 구성

    <script src="jquery-1.7.1.min.js" type="text/javascript"></script>

    <script src="jquery.validate.js" type="text/javascript"></script>

    <script src="messages_ko.js" type="text/javascript"></script>

4. JQuery 부분(정말로 간단!)

<script type="text/javascript">

$(document).ready(function() {

        $("#form1").validate();

});

</script>

5. CSS 추가한다.

input.error, textarea.error

{

        border: 1px dashed red

}

label.error

{

        display:block

        color:Red

}

[출처] JQuery Validation|작성자 damansa1