如何為此寫一個條件語句？

Question

在JS中編寫if語句時，我需要您的幫助。 我仍然是新手，我不知道如何從if語句開始。 我有這段代碼可以啟動模態內部的表單。 我想做的是，當表單完成時，它將啟動另一個模式，確認已在表單中輸入的條目，如果表單不完整，將出現驗證，並且它將不啟動確認模式。 我使用jquery.validate進行表單驗證。

這是我的代碼：

模態內的形式：

<form id="formnew" class="row form-columned" role="form">

  <div class="col-md-6 m-b-10 p-t-15">
    <label for="vname">Vehicle Name:</label>
    <input type="text" autocomplete="off" class="input-focused m-b-10 m-t-10 input-sm form-control" id="vname" name="vname" placeholder="Vehicle Name">
  </div>

  <div class="col-md-6 m-b-10 p-t-15">
    <label>Category:</label>
    <select name="category" autocomplete="off" class="input-focused m-b-10 m-t-10 input-sm form-control mask-date">
      <option value="category">Category</option>
      <option>Car</option>
      <option>Bus</option>
      <option>Truck</option>
      <option>Van</option>
      <option>Motorcycle</option>
    </select>
   </div>

   <div class="pull-right m-t-20">
     <button href="#ValidateForm" data-toggle="modal" data-dismiss="modal" type="submit" class="btn btn-lg">Create</button>
     <button data-dismiss="modal" class="btn btn-lg">Cancel</button>
   </div>
</form>

確認方式：

<form class="row form-columned" role="form">
  <div class="col-md-12">
    <p>Confirm changes?</p>
  </div>

  <div class="pull-right m-t-20 m-r-5">
    <button type="submit" data-dismiss="modal" class="btn btn-lg">Okay</button>
    <button type="submit" data-dismiss="modal" class="btn btn-lg">Cancel</button>
  </div>
</form>

確認模式的JS：

function confirm() {

$("#CreateModal").click(function () {

   $('#ValidateForm').modal("show");
 });
}

驗證規則：

$(document).ready(function () {
$("#formnew").validate({

    rules: {
        vname: "required",
        category: { valueNotEquals: "category" }
    },

    messages: {
        vname: { required: "Please provide the Vehicle Name" },
        category: { valueNotEquals: "Please select a Category" }
    },


});
});

Answer 1

我建議不要在模型中使用其他模態，因為這可能會使事情復雜化。 我遇到了同樣的情況，在這里我做了什么：

在表單中分成兩部分：

<form>
   <div class='data'>
     <!-- data input and confirm button-->
   </div>
   <div class='confirm'>
   <!-- confirm message and submit button-->
   </div>
</form>

最初，確認div將被隱藏，當用戶單擊確認按鈕時，請執行以下操作：

1. 驗證用戶輸入
2. 如果錯誤，顯示消息
3. 否則隱藏數據div並顯示確認div

用戶現在可以通過單擊提交按鈕來提交表單。 希望能幫助到你.. ：-）