如果前一行信息已填充,则启用下一行

我正在使用html和jquery。

演示链接: http://plnkr.co/edit/rQyqNcxHvCI9WZOArOHz?p=preview

我在表的product1和product2列中有一个下拉列表。我想检查用户是否在每一行的产品1和产品2的下拉列表中选择了相同的值,并显示了错误信息“产品1和产品2不能有相同的值”。只有当用户描述字段具有某些值时,我才需要执行此验证。 例如,如果用户在产品1和产品2中选择相同的值,并且描述字段是空的,不要显示弹出对话框,但是当用户在描述栏中输入数据时,用消息显示弹出对话框。

我已经编写了下面的js代码,当用户更改下拉列表并且它正在工作时进行验证,我想在用户在描述文本字段中输入文本而不是select onchange函数时修改下面的方法调用。

//want to modify the below function so that it validates when user enters the text in the Description column instead of onchange event..
 $("select").change(function() 
       {   
       var row = $(this).closest("tr");
       var product1_drop = $('.product1',row).val();
       var product2_drop = $('.product2',row).val();
       if(product1_drop == product2_drop ){       
            alert('Product1 and Product2 cannot have same value');
      }
   });

投入会有帮助。谢谢。