如何檢查是否PasswordFor爲空

Question

我在Razor TextBoxFor和PasswordFor，我想檢查使用js，如果他們都充滿了一些數據？

我的代碼工作，但只有在有兩個文本框的情況下。如何使它適用於PasswordFor？

@Html.TextBoxFor(m => m.Login, new {@class = "form-control", @id="tekst1"}) 
@Html.PasswordFor(m => m.Password, new {@class = "form-control", @id="tekst2"}) 


    <script type="text/javascript"> 

    function disableButtons() { 
     $("input[type='submit']").attr("disabled", true); 
    } 

    function enableButtons() { 
     $("input[type='submit']").attr("disabled", false); 
    } 

    $(document).ready(function() { 
     disableButtons(); 

     var $textInputs = $('input[type="text"],textInputs'); 
     $('input').on('change', function() { 

      var anyEmpty = $textInputs.filter(function() { return this.value == ""; }).length > 0; 
      if (!anyEmpty) { 
       enableButtons(); 
      } else { 
       disableButtons(); 
      } 
     }); 
    }); 
</script> 

Answer 1

這剃刀代碼：

@Html.TextBoxFor(m => m.Login, new {@class = "form-control", @id="tekst1"}) 
@Html.PasswordFor(m => m.Password, new {@class = "form-control", @id="tekst2"}) 

呈現這樣的瀏覽器：

<input type="text" class="form-control" id="tekst1"> 
<input type="password" class="form-control" id="tekst2"> 

（很可能也呈現一個標籤，以及可能的其他屬性，但這些是重要的位）。

當您運行下面的代碼：

var $textInputs = $('input[type="text"],textInputs'); 

的jQuery看起來像元素：

<input type="text" (any other attributes)> 
<textInputs></textInputs> 

正如你所看到的，<input type="password" class="form-control" id="tekst2">不符合任何圖案。所以，在$textInputs唯一的一點是：

<input type="text" class="form-control" id="tekst1"> 

如果您輸入一個值，該輸入，然後過濾後：

$textInputs.filter(function() { return this.value == ""; }).length 

將等於0，因此anyEmpty將false和enableButtons將被調用。

如果你想找到所有input元素都是空的，不管他們type屬性，行更改爲：

var $textInputs = $('input'); 

或者，你可以做到這一切在一個單一的功能，如：

$(function() { 
    $(':input:not(:button):not(:submit)').on('change', function() { 
    $(':submit').prop('disabled', $(':input:not(:button):not(:submit)').filter(function(el) { 
     el.value === ''; 
    }).length > 0); 
    }); 
}); 

注意':input:not(:button):not(:submit)'是一個選擇，將匹配除了按鈕所有的表單元素，而':submit'比賽只能提交按鈕。請參閱jQuery's documentation on form selectors。