jQuery 검사기 메시지가 표시되지 않음

jQuery 유효성 검사기 라이브러리를 사용하려고하지만 DOM에 메시지가 표시되지 않았습니다. 나는 비슷한 질문을 읽었지만 내 실수는 찾지 못했습니다.jQuery 검사기 메시지가 표시되지 않음

CSS에도 .error 클래스가 추가되었습니다.

<html> 
<style> 
    .error{ 
     color: red; 
    } 
</style> 
<main> 
    <div class="registration-mask"> 
     <form name="signup-advertiser" id="signup-form"> 
      <div class="row"><div class="col-sm-4 left"><label for="lastname">Last Name:</label></div> <div class="col-sm-10"><input type="text" name="lastname"></div></div> 
      <div class="row"><div class="col-sm-4 left"><label for="password1">Password:</label></div> <div class="col-sm-10"><input type="password" name="password1"></div></div> 
      <div class="row"><div class="col-sm-4 left"><label for="password">Repeat Password:</label></div> <div class="col-sm-10"><input type="password" name="password"></div></div> 

      <button id="signup-btn">Sign Up!</button> 
     </form> 
    </div> 


</main> 

<!-- jQuery first, then Bootstrap JS. --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js" integrity="sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7" crossorigin="anonymous"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min.js"></script> 
<script> 
    $(document).ready(function() { 

     $('#signup-form').validate({ 
      rules: { 
       lastname: { 
        required: true 
       }, 
       passwrod: { 
        equalTo: password1 
       } 
      }, 
      messages: { 
       lastname: "Please enter your last name", 
       password: "The passwords you entered don't match" 
      } 
     }); 

    }); 
</script> 

</body> 
</html>

출처

2016-07-09 ocram

암호 철자는 따라가

<input type="text" id="lastname" name="lastname"> 
<input type="password" id="password1" name="password1"> 
<input type="password" id="password" name="password">

출처

2016-07-09 18:26:30 Mani

덕분에 작동처럼

passwrod: { equalTo: password1 }

모든 입력 요소에 대한 ID를 부여 스크립트 잘못된 것입니다. 어떻게 다른 곳에 오류 메시지를 넣을 수 있습니까? 입력 밑에 있지 않습니까? – ocram

jQuery Validate는'name' 만 사용하고 ** id'는 사용하지 않습니다. – Sparky

jQuery 검사기 메시지가 표시되지 않음

답변

관련 문제