Easyui combobox 输入框 开启编辑,客户总非法输入?

项目中经常会遇到下拉选择框!但是当选项过多时,不允许开启编辑检索,客户选择必然很麻烦!但是开启可编辑后【editable:true,】,总会遇到客户非法输入,或者组件获取不到选项ID,导致提交异常!处理结果很简单!安排一下!

例如下面是一个选择器

<input class="easyui-combobox" name="brand" id="brand" data-options="
            url: '...',
            method: 'get',
            required:true,
            missingMessage:'必填项',
            editable:true,
            valueField:'id',
            textField:'bName',
            onHidePanel: function(val) {//下拉框消失时触发
                var thisName = $(this).combobox('getText');//获取输入内容
                var thisId;//用来存储ID
                var itemList = $(this).combobox('getData');//获取组件数据
                var if_found = false;//用来标记该内容是否存在
                $.each(itemList, function(index, item) {//判断输入内容是否存在
                    if (item.bName == thisName) {
                        if_found = true;
                        thisId = item.id;
                        return false;//直接return;是 continue, return false;是break
                    }
                });
                if(if_found){
                    $(this).combobox('clear');//一定要先清除内容,否则无法触发onSelect事件
                    $(this).combobox('select', thisId);//做onSelect处理,触发联动操作
                }else{
                    alert('该品牌【'+thisName+'】不存在,请核实!');
                }
            },
            onSelect:function(rec){
                $('#xxx').combobox('reload',xxxx);//事件中可以做其他组件的联动处理
            }
">

这样再配上相应的逻辑处理,就能限制用户的非法输入了!同时也可以触发相关的联合操作!

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值