如何为此写一个条件语句？

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

用户现在可以通过单击提交按钮来提交表单。 希望能帮助到你.. ：-）