jQuery-validate异步验证remote前端到后台实现

2025-07-06 16:33:20

1、首先介绍下后端实现方式,在service层UserService类中添加方法/*** 查数据库,检查输入的用户名是否已经存在* @param username 用户名* @return 如果数据库中存在输入的用户名则返回false,否则返回true*/boolean validateUserName(String username);

jQuery-validate异步验证remote前端到后台实现

3、在webapp目录下面添加html页面,userInfo-remote-validate.html,镙烨莲峪添加username: { required: true, minlength: 2, remote: { url: "../user/validateUserName", type: "post", data: { username: function() { return $("#userInfoForm input[name='username']").val(); } } }}url就是对应后端应用请求的地址type是http请求方式data是请求的参数远程服务端返回的内容必须是true或false

jQuery-validate异步验证remote前端到后台实现

5、在用户名表单中输入内容,验证远程验证请求当输入内容之后,光标离开用户名输入框或点击提交按钮的时候,会看到调试工具里面有网络请求,表示向服务器发送了远程请求验证

jQuery-validate异步验证remote前端到后台实现
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢