验证不适用于春天提交请求

Question

我是jquery的新手，我正在尝试spring验证，但我无法看到任何验证提交请求。请帮我理解这个问题。

<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中的头部分的脚本文件：

<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> 

而且今年进口到我的JSP文件：

<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

我可以毫不弹簧式输入执行代码。您在脚本结尾错过了});。请看看修正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> 

脚本，

$(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。让我知道这是否有帮助。

干杯..！