Jquery 验证对spring提交请求无效
我是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
<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"
}
}
})
});