개초보1123
2022-06-13 19:37:09 작성 2022-06-18 15:31:44 수정됨
9
441

.


.

-1
0
  • 답변 9

  • gmheo
    42
    2022-06-14 16:57:46

    정확히 어느 시점에 오류가 발생하는지는 확인이 안될까요?

  • quedevel
    81
    2022-06-14 17:06:36

    음... 저장 버튼 눌렀을때 이야기 하시는건가요?
    대체 어느 시점부터 안된다고 말씀하시는건지 모르겠어서
    저장 버튼에 저기 스크립트가 바인딩 되어있긴 한가요?


  • quedevel
    81
    2022-06-15 09:22:38
    저장 버튼에 해당 스크립트가 바인딩이 안된 것 같으니 바인딩부터 해보시는게 좋겠어요.
  • kiroki
    906
    2022-06-15 09:28:59

    이벤트 바인딩 안되어 있어서 무반응인거 아니에요?

  • 데이비뜨
    239
    2022-06-15 10:59:59

    크롬에서 디버깅 실행해 보세요

    버튼 클릭시 함수 호출이 제대로 되는지..... 

  • gmheo
    42
    2022-06-15 11:19:09

    VanillaValidator 쪽 소스 올려주세요.

  • quedevel
    81
    2022-06-15 16:14:46

    너~무 길어서 읽기가 좀 벅차네요... ㅋㅋ
    console에 따로 syntax 오류가 발생하지 않으셨다면
    일단 좀 차근차근 해보시는게 VanillaValidator를 초기화 해주셨나요?

    function initValidation() {
      // bla bla...
      config.selectors = defValiConfig.selectors;
      config.messages = defValiConfig.messages;
      new VanillaValidator(config);
      alert("555555555555555555555");
    }
    
    initValidation이라는 함수에서 new해서 초기화 해주는거 같은데 저거 함수는 돌아가고있나요?
    alert("5555555") 이거 뜨고 있는건지 확인점

  • quedevel
    81
    2022-06-15 22:01:53

    실행을 하고 있는데 안되는거면 설정이 잘못됐겠군요.

    this.config = this.mergeObjectsDeeply({}, this.config, userConfig);

    위 스크립트를 보니 config를 넣어주면 extend 되는데 기본 설정이 몇가지가 null인것 같네요.

    this.config = {
      container: 'form',
      button: null,
      validationBy: 'onsubmit', // [onclick, onsubmit]
      novalidateHTML5: true,
      validateOnFieldChanges: true,
    ...
    }

    기본 config에 extend하는것 같은테 container랑 button은 공식 문서보니까 container는 form id 셀렉터 넣는것 같고 해당 submit하는 버튼 셀렉터를 넣어줘야하는것 같네요. 확인 해보시고 테스트 해보시길







  • 개초보1123
    2022-06-18 15:31:19

    html 부분 form 위치 문제였습니다 해결 완

  • 로그인을 하시면 답변을 등록할 수 있습니다.