javascript - 如何将 id 动态传递到 Bootstrap 验证器规则 : remote for a same form input field? 的 url

Question

Bootstrap Validator v 0.5.2 被重新用于验证模式中的表单 (#myForm)。 当表单加载到如下模式时，需要动态地将唯一 ID(外键)传递给“远程”规则的“url”。

var remoteUrl = "/remoteurl/";
var id = <Foreign key of the record>

$('#myForm').bootstrapValidator({
    feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
    },
    fields: {
        fieldName: {
            validators: {
                remote: {
                    url: remoteUrl + id, //dynamically passing id. // but not passing dynamically.
                    type: 'POST',
                    message: "This is the message!"
                }
            }
        } 
    }
});

问题:
在模态加载时，“id”成功地动态传递到表单中。但是，“bootstrapValidator”获取表单中第一个传递的“id”，除非页面重新加载。

Answer 1

找到解决方案!

为添加外键添加一个隐藏的输入字段。

<input type="hidden" value="" name="foreignKey" id="foreignId">

并且，动态地将外键传递给这个字段。

$('#foreignId').val(id);

然后，如下

fieldName: {
    validators: {
        remote: {
            url: remoteUrl,
             data: function(validator, $field, value) {
                return {
                    foreignKey: validator.getFieldElements('foreignKey').val()
                };
            },
            type: 'POST',
            message: "This is the message!"
        }
    }
}

现在，它对我有用。 'Id' 为远程方法动态传递。