禁用提交按鈕，直到所有字段完成

我試圖禁用提交按鈕，直到所有字段完成。我已經寫了一個代碼，但它不工作。即使未在字段中輸入值，提交按鈕也始終處於啓用狀態。請幫忙嗎？下面是html代碼：禁用提交按鈕，直到所有字段完成

$(document).ready(function() { 
 
    validate(); 
 
    $('#Quarter, #Year, #LineID').change(validate); 
 
}); 
 

 
function validate() { 
 
    if ($('#Quarter').val()!="--Select Quarter--" && 
 
     $('#Year').val()!="--Select Year--" && 
 
     $('#LineID').val().length > 0 
 
    { 
 
     $("input[type=submit]").prop("disabled", false); 
 
    } 
 
    else { 
 
     $("input[type=submit]").prop("disabled", true); 
 
    } 
 
}

<div class="row"> 
 
    <div class="col-lg-8"> 
 

 
     <div class="form-horizontal"> 
 
      <div class="form-group"> 
 
       <label class="control-label col-lg-4">Period:</label> 
 
       <div class="col-lg-8"> 
 
        @Html.DropDownList("Quarter", new SelectListItem[] { (new SelectListItem() { Text = "Q1", Value = "1" }), (new SelectListItem() { Text = "Q2", Value = "2" }), (new SelectListItem() { Text = "Q3", Value = "3" }), (new SelectListItem() { Text = "Q4", Value 
 
        = "4" }) },"--Select Quarter--", new { @class = "form-control" }) 
 
        <br /> @Html.DropDownList("Year", new SelectListItem[] { (new SelectListItem() { Text = "2016", Value = "2016" }), (new SelectListItem() { Text = "2017", Value = "2017" }) },"--Select Year--", new { @class = "form-control" }) 
 
       </div> 
 
      </div> 
 
     </div> 
 
     <div class="form-horizontal"> 
 
      <div class="form-group"> 
 
       <label class="control-label col-lg-4">Line ID:</label> 
 
       <div class="col-lg-8"> 
 
        @Html.TextBoxFor(model => model.floorConfig.LineID, new { onkeypress = "return isNumberKey(event)", @class = "form-control" }) 
 
       </div> 
 
      </div> 
 
     </div> 
 

 
     <div class="row"> 
 
      <div class="col-lg-offset-4" style="padding: 10px 0px 0px 0px;"> 
 
       <input type="submit" id="submit" value="Submit" class="btn btn-lg btn-success" /> 
 
       <input type="button" id="btnCancel" value="Clear" class="btn btn-lg btn-success" /> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>

來源

2017-07-27 beginner

你不只是缺少從IF聲明右括號？ JS Fiddle

來源

2017-07-27 10:09:47 83N

我錯過了支架，而在這裏張貼它..在代碼中的罰款。 – beginner

應該沒問題 - 查看小提琴 – 83N

看起來像您對代碼做了一些更改。我不能仍然使用Html.dropdownlist和Html.Textboxfor？ – beginner

我需要爲Quarter和Year添加id。它現在有效！

來源

2017-08-02 03:09:08 beginner

禁用提交按鈕，直到所有字段完成

回答

相關問題