유효성 확인 요청이 스프링 제출 요청에서 작동하지 않습니다.

Question

jquery를 처음 사용하고 스프링 유효성 검사를 시도했지만 요청 제출시 유효성을 확인할 수 없습니다. 이 문제를 이해하도록 도와주세요. 또한 내 JSP 파일에이 수입

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#signupForm").validate({ 
     rules: { 
      username: { 
       required: true, 
       minlength: 2 
      }, 
      password: { 
       required: true, 
       minlength: 5 
      } 
      }, 
      messages: { 
       username: { 
        required: "Please enter a username", 
        minlength: "Your username must consist of at least 2 characters" 
       }, 
       password: { 
        required: "Please provide a password", 
        minlength: "Your password must be at least 5 characters long" 
      } 
     } 
    }); 
</script> 

:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script src="https://cdn.jsdelivr.net/jquery.validation/1.15.1/jquery.validate.min.js"></script> 

Answer 1

내가 스프링 타입의 입력없이 코드를 실행할 수 있습니다

<form:form id="signupForm" modelAttribute="login" action="/loginUser" method="post" class="form-signin" > 
    <table align="center"> 
     <tr> <td> 
     <form:input path="username" name="username" id="username" placeholder="Username" class="form-control"/> 
     </td></tr> 
     <tr><td> 
     <form:password path="password" name="password" id="password" placeholder="password" class="form-control" /> 
     </td></tr> 
     <tr><td> 
     <form:button class="btn btn-lg btn-primary btn-block btn-signin" type="submit">Sign in</form:button> 
     </td></tr> 
    </table> 
</form:form> 

나는 JSP의 머리 부분에 스크립트 파일을 추가했습니다. 스크립트가 끝날 때 });을 놓쳤습니다.

$(document).ready(function() { 
$("#signupForm").validate({ 
    rules: { 
     username: { 
      required: true, 
      minlength: 2 
     }, 
     password: { 
      required: true, 
      minlength: 5 
     } 
     }, 
     messages: { 
      username: { 
       required: "Please enter a username", 
       minlength: "Your username must consist of at least 2 characters" 
      }, 
      password: { 
       required: "Please provide a password", 
       minlength: "Your password must be at least 5 characters long" 
      } 
     } 
    }) 
}); 

이 코드의 Working Demo을 찾아주세요, 수정 된 HTML 코드를 살펴,

<form id="signupForm" action="/loginUser" method="post" class="form-signin" > 
<table align="center"> 
    <tr> <td> 
    <input name="username" id="username" placeholder="Username" class="form-control"/> 
    </td></tr> 
    <tr><td> 
    <input type="password" name="password" id="password" placeholder="password" class="form-control" /> 
    </td></tr> 
    <tr><td> 
    <button class="btn btn-lg btn-primary btn-block btn-signin" type="submit">Sign in</button> 
    </td></tr> 
</table> 
</form> 

스크립트를 바랍니다. 이것이 도움이되는지 알려주십시오.

건배 ..!