jQuery validate remote实现异步验证

html文件内容(springboot项目,使用了thymeleaf模板引擎)




    
    使用 jQuery validate 表单验证
    
    
    
    





后台验证程序代码(省去了从数据库中查找数据这一操作,该项目是springboot项目)

package com.njxz.demo.controller;

import org.apache.ibatis.annotations.Param;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class UserController {

    //对应前端的remote中的URL地址 
    //远程地址只能输出 "true" 或 "false",不能有其他输出
    @RequestMapping("/userLogin")
    public String userLogin(@Param("userName") String userName){//验证用户是否存在
        if(userName.equals("yxc")){
            return "true";
        }
        return "false";
    }
}

即在userName输入框中只有当输入"yxc"时该用户才存在,输入其他值用户不存在。

效果图

 

 

jQuery validate remote实现异步验证_第1张图片 

 

 

  

 

jQuery validate remote实现异步验证_第2张图片 

 

 

 

 

jQuery validate remote实现异步验证_第3张图片 

你可能感兴趣的:(jquery)