EasyUI使用ajax实时验证是否已经存在(多参数验证)

本文介绍如何使用EasyUI结合Ajax进行实时验证,确保数据的唯一性。通过Java后端配合,实现多个参数的检查,提升用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.修改时验证问题
     修改时验证必须带上两个参数

原先的写法是

<input name = "code" id= "code" class= "easyui-textbox" required = "true"
 validType= "remote[' <%=path %> /group/validCode','code']"  invalidMessage= "code已存在" >

现在限制是只能带上一个参数,查了很久一直想如何可以放入第二个参数比如
   remote[' <%=path %> /group/validCode?','code','id']

完全不起作用
后来想了下,后面带不了可以前面拼接带上去嘛,幸好EasyUI比较智能,迭代的时候只需要把对应的属性名设为name既可以了,然后可以通过  属性名.value获取值

<label >code: </label > <input name ="id" id="id" type= "hidden">
<input name ="code" id="code" class= "easyui-textbox" required ="true"
 validType= "remote['<%=path %>/group/validCode?id='+id.value,'code']"
invalidMessage= "code已存在">

perfect 解决问题。


完整代码:
--------------------jsp--------------------
              
<div class ="fitem">
                         <label >code: </label > <input name ="id" id="id" type= "hidden">
                         <input name ="code" id="code" class= "easyui-textbox" required ="true"
                               validType= "remote['<%=path %>/group/validCode?id='+id.value,'code']"
                               invalidMessage= "code已存在">
</div >

或者
<input class= "easyui-validatebox" type ="text" name="code"
                                     style=" width: 300px; height: 35px;"
                                     validType= "remote['<%=path %>/group/validCode?id=${g.id } ','code']"
                                     invalidMessage= "code已存在" data-options= "required:true"></input >

-------------------control-----------------
<pre name="code" class="java">    @RequestMapping( value = "/validCode")
    @ResponseBody
    public Boolean validCode(HttpServletRequest request) {
        String code = request. getParameter( "code");
        String id = request. getParameter( "id");
        Boolean f = groupService. changeCodeValid(new ObjectId(id), code);
        return f;
    }


 
  

------------------service------------
  
 @Override
    public Boolean changeCodeValid(ObjectId id , String code) {
        Group g = groupDao. findById( id);
        String vCode = g. getCode();
        if (code .equals (vCode )) {
            return true;
        } else {
            g = groupDao. findByCode( code);
            if (g == null) {
                return true;
            } else {
                return false;
            }
        }
    }

以上为完整代码,若有不足之处请多指教。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值