我正在使用HTML和jQuery。
演示链接:http://plnkr.co/edit/rQyqNcxHvCI9WZOArOHz?p=preview
我在表的Product1和Product2列中具有下拉列表。我想检查用户是否在每行的Product1和Product2的下拉列表中选择了相同的值,并显示错误消息“ Product1和Product2不能具有相同的值”。仅当用户描述字段具有某些值时,才需要执行此验证。 例如,如果用户在Product1和Product2中选择相同的值,并且Description字段为空,则不显示弹出对话框,但是当用户在Description列中输入数据时,则显示带有消息的弹出对话框。
我写了下面的js代码,当用户更改下拉列表且该代码有效时,它将进行验证。我想在用户在“描述”文本字段中输入文本而不是选择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');
}
});
输入将很有帮助。谢谢。