在 laravel 中使用 jquery 验证器时，表单未在模式弹出窗口内验证

Question

我有一个表单，它在放置在页面上时正在验证，但是当我将它移动到引导模式时，它没有验证并且表单正在重新加载。某些字段将动态添加到模式中，这就是我在内部使用它的原因foreach 循环来验证动态元素。问题是当我按下提交按钮时它正在关闭。

脚本：

<script>
  $('form#frmaddclass').on('submit', function(event) {
    $('.form-control').each(function() {
  
        $(this).rules("add", 
            {
                required: true,
               
            });
    });
   });

   $("#frmaddclass").validate();
</script>

HTML：

{{  Form::open(array('route' => 'add-class','class'=>'addclass','id'=>'frmaddclass')) }}   
                        <div class="modal-body">
                         {{ Form::text('class_name','',['class'=>'form-control','placeholder'=>'Class Name','id'=>'class_name']) }}
  
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-link waves-effect btnaddclass">SAVE CHANGES</button>
                            <button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button>
                        </div>
{{ Form::close()}} 

弹出框中的验证消息：

Answer 1

不需要提交处理程序。如果表单的 HTML 标记存在于 DOM 中，则在页面加载时调用 .rules() 方法。请记住，在调用 .rules('add') 之前，您应该已经调用了 .validate()。

<script>
    $(function() {  // ready event handler

        $("#frmaddclass").validate();  // initialize plugin

        $('.form-control').each(function() {  // dynamically add the rules
            $(this).rules("add", {
                required: true,   
            });
        });

    });
</script>

但是，由于您只是将required 规则添加到所有内容，因此实际上不需要.rules('add') 方法。只需将required 属性放在标记中，jQuery Validate 方法就会自动选择它。