2017-10-05 72 views
0

G'day,如何检查表单选项然后删除禁用按钮

我找不到Stack Overflow中回答的问题,它回答了我正在尝试实现的内容。

的目标是使用jQuery检查两个输入的有一个值,该form select下拉不Staff Select这是目前disabled。一旦两个输入都有数据并且选择了一个员工姓名,那么我的按钮变为活动状态,disabled被删除。

您可以查看我的jsFiddle为html。

我使用的是已完成2/3(两个输入)的我想要做的是jQuery的:

var $input = $('#transactionform input'), 
    $register = $('#add_transaction');  
$register.attr('disabled', true); 

$input.keyup(function() { 
    var trigger = false; 
    $input.each(function() { 
     if (!$(this).val()) { 
      trigger = true; 
     } 
    }); 
    trigger ? $register.attr('disabled', true) : $register.removeAttr('disabled').addClass('addbtngreen'); 
}); 

我尝试添加验证的form select是针对option属性:disabled如下:

if (!$(this).val() || $('selected#ccstaff option').attr(':disabled')) { 
    trigger = true; 
} 

任何指导非常感谢!先谢谢你。

+1

如果禁用你不能重新选择第一个选项。相反,我会建议为第一个选项分配一些唯一值,并检查选定的值是否不是该值。例如:'$('select#ccstaff')。val()!='some_uniq_val'' – Abhi

+1

感谢您的想法。 :-) – aussiedan

回答

1

添加一个通用的验证功能,并启动它fiddle

function validate(){ 
      var trigger = false; 
      $input.each(function() { 
       if (!$(this).val()) { 
        trigger = true; 
       } 
      }); 
     console.log($select.val()); 
     trigger= $select.val()=== null; 
      trigger ? $register.attr('disabled', true) :        $register.removeAttr('disabled').addClass('addbtngreen'); 
    } 
+0

谢谢@RenzoCC它让我走上了正确的轨道。 :-) – aussiedan