爲什麼我的jQuery表單不工作？

Question

我做了一個與jQuery一起工作的表單，提交按鈕被禁用，而所有選擇器都沒有值。

但它不起作用= /，當所有選擇器都有值時，提交按鈕仍然被禁用。 請幫我找到問題所在。

fiddle

JS：

(function() { 
    $('.form-valid').keyup(function() { 

     var empty = false; 
     $('.form-valid').each(function() { 
      if ($(this).val() == '') { 
       empty = true; 
      } 
     }); 

     if (empty) { 
      $('#register').attr('disabled', 'disabled'); 
     } else { 
      $('#register').removeAttr('disabled'); 
     } 
    }); 
}) 

Answer 1

你有兩個問題：

1. 你的文件準備不技術上是正確的。
2. 您正在觀看keyup的select元素。他們通常沒有關鍵事件，而是一個change事件。

這裏有一個更新的工作小提琴：http://jsfiddle.net/cale_b/rgs7soaa/1/

下面是更新後的代碼：

// Corrected the jQuery document ready. 
// Originally: (function() { 
jQuery(function($) { 
    // Changed this from "keyup" to "change" 
    $('.form-valid').change(function() { 
     var empty = false; 
     $('.form-valid').each(function() { 
      if ($(this).val() == '') { 
       empty = true; 
      } 
     }); 

     if (empty) { 
      $('#register').attr('disabled', 'disabled'); 
     } else { 
      $('#register').removeAttr('disabled'); 
     } 
    }); 
}) 

Answer 2

您應該使用.change而不是.keyup的選擇標籤：

$('.form-valid').change(function() { 
    var empty = false; 
    $('.form-valid').each(function() { 
     if ($(this).val() == '') { 
      empty = true; 
     } 
    }); 

    if (empty) { 
     $('#register').attr('disabled', 'disabled'); 
    } else { 
     $('#register').removeAttr('disabled'); 
    } 
});