Jquery validate remote 验证数据唯一

前端：

代码语言：javascript复制

$("#form-user-add").validate({
    onkeyup: false,
    rules:{
        word:{
            maxlength: 20,
            remote: {
                url: prefix   "/checkWordUnique",   //路径
                type: "post",                       //方式
                //dataType: "json",                 //接受数据的类型
                data: {                             //发送的数据
                    "word": function() {
                        return $("#word").val();
                    }
                },
                // dataFilter: function(data, type) {     //接收参数后执行，只能返回bool型    
                //     console.log(data);   
                // }
            }
        },
    },
    messages: {
        "word": {
            remote: "该敏感词已经存在"
        },
    },
    focusCleanup: true
});

后端：

mapper:

代码语言：javascript复制

/**
 * 校验词是否重复
 *
 * @param name 词
 * @return 结果
 */
public int checkWordUnique(String word);

mapper.xml:

代码语言：javascript复制

 <select id="checkWordUnique" parameterType="String" resultType="int">
   select count(1) from word where word=#{word}  //查询搜索结果有几个
</select>

service:

代码语言：javascript复制

public Boolean checkWordUnique(String word);

serviceImpl:

代码语言：javascript复制

/**
 * 校验词是否存在
 *
 * @param word 词
 * @return 结果
 */
@Override
public Boolean checkWordUnique(String word) {
    int count = WordMapper.checkWordUnique(word);
    if (count > 0)
    {
        return false;
    }else {
        return true;
    }
}

controller:

代码语言：javascript复制

/**
 * 校验词词是否存在
 */
@PostMapping("/checkWordUnique")
@ResponseBody
public Boolean checkWordUnique(String word)
{
    return WordService.checkWordUnique(word);
}

xml controller service 后端 前端

0 人点赞