bootstrap验证程序，远程文件验证无效

Question

这里我用远程文件调用弹出模式。

 <a data-toggle="modal" href="form.php" data-target="#feedback" > <b>Feedback</b></a>

模态代码：

<div class="modal fade" id="feedback" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" >


        </div><!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

我使用了bootstrap验证器validator.min.js

在模态弹出窗口内，验证无效。

我使用了Form reference

中的代码

我的表格是：

            <form data-toggle="validator" role="form">
        <div class="form-group">
        <label for="inputName" class="control-label">Name</label>
        <input type="text" class="form-control" id="inputName" placeholder="Cina Saffary" required>
        </div>
        <div class="form-group">
        <label for="inputTwitter" class="control-label">Twitter</label>
        <div class="input-group">
        <span class="input-group-addon">@</span>
        <input type="text" pattern="^([_A-z0-9]){3,}$" maxlength="20" class="form-control" id="inputTwitter" placeholder="1000hz" required>
        </div>
        <span class="help-block with-errors">Up to 20 letters, numbers and underscores</span>
        </div>
        <div class="form-group">
        <label for="inputEmail" class="control-label">Email</label>
        <input type="email" class="form-control" id="inputEmail" placeholder="Email" data-error="Bruh, that email address is invalid" required>
        <div class="help-block with-errors"></div>
        </div>
        <div class="form-group">
        <label for="inputPassword" class="control-label">Password</label>
        <div class="form-group col-sm-6">
        <input type="password" data-minlength="6" class="form-control" id="inputPassword" placeholder="Password" required>
        <span class="help-block">Minimum of 6 characters</span>
        </div>
        <div class="form-group col-sm-6">
        <input type="password" class="form-control" id="inputPasswordConfirm" data-match="#inputPassword" data-match-error="Whoops, these don't match" placeholder="Confirm" required>
        <div class="help-block with-errors"></div>
        </div>
        </div>
        </div>
        <div class="form-group">
        <div class="radio">
        <label>
        <input type="radio" name="underwear" required>
        Boxers
        </label>
        </div>
        <div class="radio">
        <label>
        <input type="radio" name="underwear" required>
        Briefs
        </label>
        </div>
        </div>
        <div class="form-group">
        <div class="checkbox">
        <label>
        <input type="checkbox" id="terms" data-error="Before you wreck yourself" required>
        Check yourself
        </label>
        <div class="help-block with-errors"></div>
        </div>
        </div>
        <div class="form-group">
        <button type="submit" class="btn btn-primary">Submit</button>
        </div>
        </form>

在模式弹出窗口中，表单验证无效。为了解决这个问题，我使用了以下代码。但没有结果。

$( document ).ready(function() {
$('#feedback').on('shown.bs.modal', function() {
    $('#leave_feedback').validator();
});

}）;

如何使用远程文件在模态弹出窗口内实现bootstrap验证器验证。请告诉我。