ラジオ入力に基づく入力フ​​ィールドの検証とエラーメッセージの表示

Question

ラジオボタンが選択され、入力ボックスが何らかの理由で空になっている場合、フォームの送信中にjQueryを使用してエラーメッセージを表示しようとしています。どんな提案も感謝しています！

<div class="row col-lg-offset-2 top-buffer"> 
<h4> 
    <strong> 
     <span>Is Account Deleted?:</span> 
    </strong> 
</h4> 
      @Html.RadioButtonFor(model => model.IsDeleted, true) @Html.Label("Yes") 
      @Html.RadioButtonFor(model => model.IsDeleted, false) @Html.Label("No") 

<br> 
</div> 
<div class="row col-lg-offset-2 top-buffer" id="reason"> 
    <div class="col-sm-2"> 
     <b>Reason for Delete:</b> 
    </div> 
    <div class="col-sm-10"> 
     @Html.TextBoxFor(model => model.reason, new { @class = "form-control", @id = "reason" }) 

     <br /> 
    </div> 
    <div class="row col-sm-12"> 
     <label id="lblErrorMsg" class="has-error" style="color: #BD362F"></label> 
    </div> 
    <div class="col-sm-4"> 
     <button type = "submit" id="Next" name="Next" class="btn btn-primary">Next</button> 
    </div> 
</div> 

スクリプト：

<script> 
$("#Next").click(function() { 
    if ($("input[name='IsDeleted']" === "True" && $("#reason").val(''))) { 
     $("#lblErrorMsg").text("Please enter meter number"); 
    } else { 
     $("#lblErrorMsg").text(""); 
    } 
}); 

Answer 1

私は完全なHTMLコードを参照してくださいが、のではなく、しようとしていないので、私は確認することはできません。

if ($("input[name='IsDeleted']" === "True" && $("#reason").val(''))) { 

this：

if ($("input[name='IsDeleted']:checked").val() === "True" && $("#reason").val() == '') 

は少しに答えるが、IsDeletedラジオボタンがtrue`の真実ではない、またあなたの理由があるが、実際に構築 `値「真」