Jquery 验证对spring提交请求无效

Jquery 验证对spring提交请求无效,jquery,jsp,jquery-validate,spring-form,Jquery,Jsp,Jquery Validate,Spring Form,我是jquery新手,正在尝试spring验证,但在提交请求时,我看不到任何验证。请帮助我理解这个问题 <form:form id="signupForm" modelAttribute="login" action="/loginUser" method="post" class="form-signin" > <table align="center"> <tr> <td> <form:input pa

我是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的head部分添加了脚本文件:

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

$(文档).ready(函数(){
$(“#注册表”).validate({
规则:{
用户名:{
要求:正确,
最小长度:2
},
密码:{
要求:正确,
最小长度:5
}
},
信息:{
用户名:{
必需:“请输入用户名”,
minlength:“您的用户名必须至少包含2个字符”
},
密码:{
必填:“请提供密码”,
minlength:“您的密码长度必须至少为5个字符”
}
}
});
还将其导入我的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>

我可以在没有弹簧类型输入的情况下执行您的代码。您错过了
})在脚本的末尾。请看一下更正后的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>

请查找此代码的名称。让我知道这是否有帮助


干杯

jQuery验证插件与jQuery验证引擎不同。请在标记时更加小心。我无法得到这个,我在jsp页面中添加了这个。这在jsp页面上运行吗?检查控制台错误,如果有任何问题,请将其发布到您的问题中。Vinoth Krishnan,谢谢你的建议,我不知道console,现在可以修复了,我有语法错误:)@Vinoth Krishnan是否可以使用spring下拉控件。。我试过。。。它是有效的,但是。。。。下拉菜单:它不起作用。
$(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"
          }
       }
   })
});