如何检查是否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。