asp.net mvcで行が空であるかどうかを確認するためにjavascriptを使用

Question

JavaScriptがテーブルの行が空であるかどうかを確認するために使用しています。それらが空の場合は、ユーザーにポップアップメッセージを表示し、それ以外の場合はリダイレクトする必要があります。私はこれを試してきましたが、何が行なわれているかどうかの警告メッセージを私に与えることです。

<script type="text/javascript"> 
function onSubmit() { 
    var rowCount = $('#myTable tr').length; 
    if (rowCount < 0) { 

      location.href = '@Url.Action("","")'; 

     } 
     else { 

      alert("No item was added"); 
     } 
} 

<table id ="myTable"> 
        <tr> 
         <th class="col-md-2">Customer Number</th> 
         <th class="col-md-2">Customer Description</th> 
         <th class="col-md-3">Expense Account</th> 

        </tr> 
        @{ 
         if (@Model.Customers.Count > 0) 

{

foreach (var Customer in @Model.Customers) 
         { 
          <tr> 
           <td class="col-md-2">@Customer.CustomerNumber</td> 
           <td class="col-md-2">@Customer.description</td> 
           <td class="col-md-3">@Customer.expense_account.getDescription</td> 

          </tr>** 

    <input type="button" value="Submit" name="Submit" margin="50px" onclick="onSubmit()" class="btn btn-default" /> 
</div> 

Answer 1

あなたif条件が間違っています！現在のコードでは、行数がゼロ以上の場合（、その他の部分は）アラートが表示されます。あなたの質問によれば、ヘッダー行を除いて行がないときにアラートを表示したいとします。

rowcountが1であることを確認してください。つまり、ヘッダー行しかないので、エラーメッセージを表示し、そうでない場合はリダイレクトします。

function onSubmit() { 
    var rowCount = $('#myTable tr').length; 
     if (rowCount === 1) { 
      alert("No item was added"); 
     } 
     else { 
      location.href = '@Url.Action("SomeActionMethod","SomeController")'; 
     } 
} 

それともあなたは、特にそれが動作します。この希望をお試しくださいテーブル本体内の番号の行をチェックし、0

function onSubmit() { 
    var rowCount = $('#myTable >tbody >tr').length; 
     if (rowCount ===0) { 
      alert("No item was added"); 
     } 
     else { 
      location.href = '@Url.Action("SomeActionMethod","SomeController")'; 
     } 
} 

Answer 2

に対してカウント数を確認することができます

function onSubmit() { 
    var rowCount = $('#myTable tr').length-1; 
     if (rowCount ==0) { 
      alert("No item was added"); 
     } 
     else { 
      location.href = '@Url.Action("","")'; 
     } 
}