2017-10-05 67 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