Javascript 在多个引导模式中验证多个表单

该页面有2个引导表单。一个表单用于填充数据，并根据插入的数据填充一个表。当用户单击其中一个表行以编辑详细信息时，将显示另一个表行。 第一种形式的验证非常有效。但第二个没有

这是我的密码

表格1：

}

验证脚本2：

---

}是否动态生成第二个表单

那么

$(document).on('submit','#your_form_id', function(){
   // your code here.
});

---

应该有用。您不能直接动态处理javascript生成的内容

仅供参考.validate方法用于初始化表单上的插件。它在表单创建后被调用一次。然后插件捕获单击事件并自动触发验证。调用完全没有意义。每次单击“提交”按钮时都进行验证。搜索带标签的问题以查看正确的用法示例。谢谢@Sparky。我将提到它们。

<form class="form" id="asset_edit_form" action="">
                                <div class="modal-body">
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="asset_edit_name" class="control-label">Item Name</label>
                                        </div>
                                        <div class="col-sm-9">
                                            <input type="text" id="asset_edit_name" name="asset_edit_name" class="form-control" autofocus>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="asset_edit_description" class="control-label">Item Description</label>
                                        </div>
                                        <div class="col-sm-9">
                                            <textarea style="resize: vertical;" type="text" id="asset_edit_description" name="asset_edit_description" class="form-control"></textarea>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="asset_edit_quantity" class="control-label">Required Quantity</label>
                                        </div>
                                        <div class="col-sm-9">
                                            <input type="number" step="1" min="1" value="1" id="asset_edit_quantity" name="asset_edit_quantity" class="form-control">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="asset_edit_estimated_cost" class="control-label">Estimated Cost</label>
                                        </div>
                                        <div class="col-sm-9">
                                            <input type="number" step=".01" min="0" value="0.00" id="asset_edit_estimated_cost" name="asset_edit_estimated_cost" class="form-control">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-sm-3">
                                            <label for="asset_edit_required_date" class="control-label">Required Date</label>
                                        </div>
                                        <div class="col-sm-9">
                                            <input type="date" id="asset_edit_required_date" name="asset_edit_required_date" class="form-control">
                                        </div>
                                    </div>
                                </div>

                                <!-- Modal Buttons -->
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                    <button type="button" class="btn btn-primary" id="save_edit">Save</button>
                                    <button type="button" class="btn btn-danger" id="delete_asset">Delete</button>
                                </div>
                            </form>

$('#save_asset').click(function () {
$('#asset_details_form').validate({
  debug: true,
  rules: {
    asset_name: 'required',
    asset_description: 'required',
    asset_quantity: {
      required: true,
      number: true,
      min: 1
    },
    asset_estimated_cost: {
      required: true,
      number: true,
      min: 1
    },
    asset_required_date: {
      required: true,
      date: true
    }
  },
  messages: {
    asset_name: 'Please enter asset name.',
    asset_description: 'Please enter description.',
    asset_quantity: {
      required: 'Please enter the quantity.',
      number: 'Quantity should only contain numerical values.'
    },
    asset_estimated_cost: {
      required: 'Please enter the estimated cost.',
      number: 'Cost should only contain numerical values.'
    },
    asset_required_date: {
      required: 'Please enter the required date. YYYY-MM-DD',
      date: 'Enter date as YYYY-MM-DD'
    }
  },
  submitHandler: function () {
    addAsset()
  }
})

$('#save_edit').click(function () {
$('#asset_edit_form').validate({
  debug: true,
  rules: {
    asset_edit_name: 'required',
    asset_edit_description: 'required',
    asset_edit_quantity: {
      required: true,
      number: true,
      min: 1
    },
    asset_edit_estimated_cost: {
      required: true,
      number: true,
      min: 1
    },
    asset_edit_required_date: {
      required: true,
      date: true
    }
  },
  messages: {
    asset_edit_name: 'Please enter asset name.',
    asset_edit_description: 'Please enter description.',
    asset_edit_quantity: {
      required: 'Please enter the quantity.',
      number: 'Quantity should only contain numerical values.'
    },
    asset_edit_estimated_cost: {
      required: 'Please enter the estimated cost.',
      number: 'Cost should only contain numerical values.'
    },
    asset_edit_required_date: {
      required: 'Please enter the required date. YYYY-MM-DD',
      date: 'Enter date as YYYY-MM-DD'
    }
  },
  submitHandler: function () {
    console.log('hello')
  }
})

$(document).on('submit','#your_form_id', function(){
   // your code here.
});