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 for Confirmation Modal：

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将被隐藏，当用户点击确认按钮时，执行以下操作：

验证用户输入
如果错误，请显示消息
否则隐藏数据div并显示确认div

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

如何为此编写条件语句？

1 个答案: