如何为表单中动态添加的字段添加验证

Question

我正在添加一个新行，它可以动态添加新元素：

$('body').on('click','#add',function() {
++i;
$("#dynamic_field").append('<tr><td>
<select class="form-control select2" 
id="leavers_trax_id['+i+']" name="addmore['+i+'][trax_id]">
<option value="" data-rule-required="true" data-msg-required="Department is required">
Trax Id
</option>
@foreach($employee_trax_id as $employee)
<option value="{{$employee->trax_id}}">{{$employee->trax_id}}</option>
@endforeach
</select></td><td>
<input type="number" name="addmore['+i+'][salary]" placeholder="Last Gross Salary" 
class="form-control name_list" data-rule-required="true" 
data-msg-required="Department is required"/></td><td>
<input type="date" name="addmore['+i+'][date]" placeholder="Date" 
class="form-control name_list" data-rule-required="true" 
data-msg-required="Department is required"/></td><td>
<button type="button" class="btn btn-danger remove-tr">Remove</button></td></tr>');
});

我在提交按钮上打开一个模态，点击以获取电子邮件的输入，因此该类型为按钮。我想检查是否有任何动态添加的字段是空的，如果是，它应该显示一条适当的消息，它也可能是一个toast，我不能调用验证方法onClickEvent:

<div class="col-12 button_div">
<div class="form-group text-center mt-2">
<button type="button" class="btn btn-primary" id="form_btn">
Submit
</button>
</div>
</div>

Answer 1

$("addmore['+i+'][trax_id]"(.规则("add"，"required"(；

这应该是在追加之后添加的追加字段id。