CI 묻고 답하기

제목 jquery 유효성검사 문의좀드립니다.
글쓴이 씨아이세상 작성시각 2011/11/08 21:16:01
댓글 : 3 추천 : 0 스크랩 : 0 조회수 : 39316   RSS

jquery로 로그인폼을 만들려고 합니다..유효성 검증시  ci form Validation 말고 view딴에서
jquery로 중복체크 및 유효성검사를 하려고하는데 jquery에 초보입니다..ㅠㅠ
어떤식으로 돌아가는지 보고 공부좀하려고하는데요...
안돌아가네요?
돌아다니는 소스를 가지고와서 테스트를 해보는데 암것도 안먹어서여..view딴에서 아무액션도 안일어나서??
왜그런거지요?

http://127.0.0.1/js/jquery-latest.js 스크립트 경로는 다른것넣어서 확인해서 잘됏는데요...

    <script src="http://127.0.0.1/js/jquery-latest.js" type="text/javascript"></script>
 
    <script src="http://127.0.0.1/js/jquery.validate.js" type="text/javascript"></script>


    <script type="text/javascript">
 
        $(document).ready(function() {
 
            //$('#myForm').validate(); // 유효성 검사
 
            $('#myForm').validate({
 
                rules: {
 

 
                    txtID: { required: true, minlength: 3, remote: "Validate.aspx" },// 꼭 입력되야 함. 최소 3자 이상
 
                    txtPassword: { required: true },
 
                    txtName: { required: true },
 
                    txtEmail: { email: true },
 
                    txtPasswordConfirm: { equalTo: "#txtPassword" }, // txtPassword 값과 일치해야 함
 
                    txtAge: { required: true, range: [1, 150]} // 1 ~ 150 범위
 
                },
 
                messages: {
 
                    txtID: {
 
                        required: "아이디를 입력하시오.",
 
                        minlength: jQuery.format("아이디는 {0}자 이상 입력하시오."),
 
                        remote: jQuery.format("{0}는 이미 있는 아이디")
 
                    },
 
                    txtPassword: { required: "암호를 입력하시오." },
 
                    txtName: { required: "이름을 입력하시오." },
 
                    txtEmail: { email: "올바른 이메일을 입력하시오." },
 
                    txtPasswordConfirm: { equalTo: "암호를 다시 확인하시오." },
 
                    txtAge: { range: "1~150 사이로 입력하시오." }
 
                },
 
                // 아래코드는 버그
 
//                submitHandler: function() {
 
//                    $('#myForm').submit(); // 통과시 전송
 
//                },
 
                submitHandler: function(frm) { // 매개변수 씀

                    frm.submit(); // 주의!! 통과시 전송('#폼이름'으로 하면 한번만 전송됨)
 
                },
 
                success: function() {
 
                    // 성공 완료 됐을 때
 
                }
 
            });
 
        });
 
    </script>

 

<formid="myForm"method="post"action="Validate.aspx">
    아이디 : <inputtype="text"id="txtID"name="txtID"class="required"/><br/>
    암호 : <inputtype="text"id="txtPassword"name="txtPassword"class="required"/><br/>
    암호확인 : <inputtype="text"id="txtPasswordConfirm"name="txtPasswordConfirm"class="required"/><br/>
    이름 : <inputtype="text"id="txtName"name="txtName"class="required"minlength="2"/><br/>
    이메일 : <inputtype="text"id="txtEmail"name="txtEmail"class="required email"/><br/>
    나이 : <inputtype="text"id="txtAge"name="txtAge"/><br/>
   
    <inputtype="submit"value="전송"/>
</form>
 다음글 파일업로드폼은 따로 만들어야하나염? (2)
 이전글 세션관련 질문입니다. (3)

댓글

한대승(불의회상) / 2011/11/08 21:21:38 / 추천 0
1. javascript 오류가 뜬건 아닌지 확인 한다.
2. form id 가 myForm 인지 확인한다.
3. 
http://docs.jquery.com/Plugins/Validation 으로 가서 메뉴얼을 다시 한번 살펴 본다.

메뉴얼이 기본 입니다. ^^
변종원(웅파) / 2011/11/08 21:57:29 / 추천 0
파이어폭스에 파이어버그 설치하시면 자바스크립트 에러나 ajax 전송값 등 확인할 수 있는 것이 많습니다.
씨아이세상 / 2011/11/08 23:08:37 / 추천 0

form을 보이지 않앗네요..ㅎㅎ
jquery 는 첨써봐서..^^ 이참에 엄청 공부해야겟어요..ㅎㅎㅎ
jequery 도  script 와는 달리 js?플러그인이라고 해야하나? 이것을 이용하는건지..ㅠㅠ
애먹이내..ㅎㅎ