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

时间:2020-12-30 23:38:03

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

上代码:

  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. },