2017-11-21 6 views
0

jquery.validate.js를 사용하는 동안이 오류가 발생합니다. 페이지가로드 될 때 오류가 나타납니다. 여러 div를 사용하려고했지만 성공적으로 시도하지 못했습니다. 제발 도와주세요.정의되지 않은 'nodeType'속성을 읽을 수 없습니다.

나는 div로 인해 많은 질문에 답하는 것을 보았지만 모든 div 외부에 양식 태그를 넣으려고했지만 문제는 동일하게 남아 있기 때문에 어떻게해야하는지 알지 못합니다.

$(function() { 
    $.validate({ 
    form: '#update_form' 
    }) 
}); 

보다는

$(function() { 
    $("#update_form").validate(); 
    }); 

를 사용

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script> 
 

 
<form id="update_form"> 
 
    <div class="subscribebox"> 
 
    <div class="updateheading">Want Updates?</div> 
 
    <div class="form-group"> 
 
     <input class="form-control" name="email" id="email" type="text" required placeholder="Enter your email address" /> 
 
    </div> 
 
    <div class="form-group"> 
 
     <button type="submit" class="btn btn-primary submitbtn">Submit</button> 
 
    </div> 
 
    </div> 
 
</form> 
 

 
<script> 
 
    $(function() { 
 
    $("#update_form").validate(); 
 
    }); 
 
</script>

+1

$ ("# update_form")을 호출해야합니다. validate(); onclick 이벤트 또는 다른 이벤트. 현재 페이지가로드 될 때 발생합니다. –

+1

jQuery 유효성 검사가 아닌 jQuery 양식 검사기를 사용하고 있습니다. 그러므로'validate()'메소드가 없다. 예제와 같이'$ .validate()'와'data' 속성을 폼 입력에 사용해야합니다 : http://www.formvalidator.net/#reg-form –

+0

@VishalKamal 아니요, 해결책이 아닙니다! – Pedram

답변

0

는 부하에 오류를 해결 있음을 나타냅니다.

$(function() { 
 
    $.validate({ 
 
    form: '#update_form' 
 
    }) 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script> 
 

 
<form id="update_form"> 
 
    <div class="subscribebox"> 
 
    <div class="updateheading">Want Updates?</div> 
 
    <div class="form-group"> 
 
     <input class="form-control" name="email" id="email" type="text" required placeholder="Enter your email address" /> 
 
    </div> 
 
    <div class="form-group"> 
 
     <button type="submit" class="btn btn-primary submitbtn">Submit</button> 
 
    </div> 
 
    </div> 
 
</form>

이 솔루션을 적용 해보십시오

는, 어쩌면 그것은 당신의 버그를 해결합니다.

여전히 문제가있는 경우 언제든지 문의 해주세요.

관련 문제