easyui中combobox 验证输入的值必须为选项框中的数据


当作为提示框的方式时,combobox必须设置为允许用户输入的模式,但是当用户输入后未选择正确的数据就直接按tab或点击鼠标离开控件会导致用户输入无效的值并且通过验证,为了避免这种情况的发生我们需要对输入的值进行确认,输入不正确就清空用户的输入框以达到提示的效果

上代码:

 

 

[javascript]  view plain  copy
 
 print?
  1. onHidePanel : function() {  
  2.     var _options = $(this).combobox('options');  
  3.     var _data = $(this).combobox('getData');/* 下拉框所有选项 */  
  4.     var _value = $(this).combobox('getValue');/* 用户输入的值 */  
  5.     var _b = false;/* 标识是否在下拉列表中找到了用户输入的字符 */  
  6.     for (var i = 0; i < _data.length; i++) {  
  7.         if (_data[i][_options.valueField] == _value) {  
  8.             _b=true;  
  9.             break;  
  10.         }  
  11.     }  
  12.     if(!_b){  
  13.         $(this).combobox('setValue', '');  
  14.     }  
  15. },  
打赏

免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2020 CODEPRJ.COM