BootStrapValidator用户名唯一性远程验证

(一)页面

               <div class="form-group col-md-5">
                    <label for="name" class="col-sm-7 control-label">用户名:</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control" id="name" name="name" placeholder="用户名"/>
                    </div>
                </div>

(二)js代码


        fields: {
                 name: {
                       validators: {
                             notEmpty: {
                                        message: '*账号不能为空'
                                        },
                              threshold: 2,//自定义有2字符以上才发送ajax请求
                              remote: {
                              //ajax验证。服务器端返回值,true代表不重复,false代表重复server result:{"valid",true or false}
                                              url: "${ctx}/checkUserName",
                                              message: '用户名已存在,请重新输入',
                                              delay: 1000,//ajax刷新的时间是1秒一次
                                                type: 'POST',
                                                //自定义提交数据,默认值提交当前input value
                                                 data: function(validator) {
                                                return {
                                                 userName : $.trim($("#myform").find("#name").val())
                                                          };
                                                      }
                                                 }
                                             }
                                        }
                             });

(三)Controller层后台代码

@ResponseBody
    @RequestMapping("/checkUserName")
    public String  checkUserName(SysUser sysUser){
    //默认true
        boolean result = true;
        List<SysUser> users=sysUserService.verificateUser(sysUser);
        //如果系统已有用户名则返回false
        if(users.size()>0){
            result = false;
        }
        Map<String, Boolean> map = new HashMap<>();
        map.put("valid", result);
        ObjectMapper mapper = new ObjectMapper();
        String resultString = "";
        try {
            resultString = mapper.writeValueAsString(map);
        } catch (JsonProcessingException e) {
            e.printStackTrace();
        }
        return  resultString;
    }
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值