2017-10-05 8 views
0

G'day、フォームオプションをチェックする方法ボタンを無効にするボタンを削除する

私が達成しようとしているものに正確に答えている質問は見つかりませんでした。

目標は、両方の入力の値を持っていることとform selectドロップダウンが現在disabledあるStaff Selectではないことを確認するためにjQueryを使用することです。両方の入力にデータがあり、スタッフ名が選択されると、私のボタンがアクティブになり、disabledが削除されます。

あなたは私のjsFiddleをhtmlで見ることができます。

私が行って何をしたいの2/3(両方の入力)を達成した私が使用しているjQueryのです:form selectの検証を追加する

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'); 
}); 

私の試みは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

関連する問題