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-2021 CODEPRJ.COM