前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Jquery validate remote 验证数据唯一

Jquery validate remote 验证数据唯一

原创
作者头像
Zero_xxl
修改2020-08-14 10:00:44
7240
修改2020-08-14 10:00:44
举报
文章被收录于专栏:web工作学习

前端:

代码语言: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);
}

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前端:
  • 后端:
    • mapper:
      • mapper.xml:
        • service:
          • serviceImpl:
            • controller:
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档