igCombobox,如果没有选择,我如何防止submisson?

时间:2017-03-20 13:49:41

标签: javascript jquery ignite-ui igcombo

我有一个igCombobox"复选框",当没有选择它时,它仍然提交表单,我不想发生。

我使用此代码提交:

 <div id="checkboxSelectCombo" name="kanal" style="position:absolute;" ></div>

 $("#checkboxSelectCombo").on( "focusout",function() {
  $(this).closest("form").submit();
     });

所以,我尝试使用if语句,如果value大于零或不是空字符串

$("#checkboxSelectCombo").on( "focusout",function() {
             if($(this).val()>0 || $(this).val()!=""){
  $(this).closest("form").submit();}
     });

但是因为我无法从checkboxSelectCombo获取值,所以它无法工作。 我已经搜索了igCombobox文档,但没有找到任何内容。

2 个答案:

答案 0 :(得分:2)

正如我所看到的那样,你正在每一个焦点上提交表格。例如,您可以在selectionChanged事件或dropDownClosed上执行提交。从这些事件中,您可以访问项目列表或执行一些检查。请记住,它们不可取消。

答案 1 :(得分:2)

我找到了解决问题的方法。正如Zdravko Kolev说我应该使用dropDownClosed,我能够阻止提交而不用igComboBox选择任何代码

 dropDownClosed: function (evt, ui) {
                var dpValue = ui.owner.value();  
                 if(dpValue != 0){                 //dpValue>0
                $(this).closest("form").submit();
                 }
            }