Question 1:

The following code:

<input type="hidden" name="productId"/>

$("#addForm").bootstrapValidator({
fields: {
productId: {
validators: {
notEmpty: {
message: '請(qǐng)選擇一個(gè)商品'
}
}
}
}
});

Such a configuration does not verify the form element productId when submitting. That is because the default configuration of bootstrapValidator is for "hidden domain (:hidden), disabled domain ( :disabled), that field (:not(visible))" are not verified.

Solution:

$("#addForm").bootstrapValidator({
//excluded:[":hidden",":disabled",":not(visible)"] ,//bootstrapValidator的默認(rèn)配置
excluded:[":disabled"],//關(guān)鍵配置，表示只對(duì)于禁用域不進(jìn)行驗(yàn)證，其他的表單元素都要驗(yàn)證
fields: {
productId: {
validators: {
notEmpty: {
message: '請(qǐng)選擇一個(gè)商品'
}
}
}
}
});

Problem 2:

We often have such needs, as shown below:

After selecting the product, the product name will be displayed to the user in productName, and in Put a product ID in the hidden field productId.

Normally such operations are done by programs,

$("input[name='productId']").val(data.productId);

bootstrapValidator plug-in cannot capture such "program assignment events", so the verification effect cannot be achieved here, so we need to make a small Variation:

$("#addForm").bootstrapValidator({
//excluded:[":hidden",":disabled",":not(visible)"] ,//bootstrapValidator的默認(rèn)配置
excluded:[":disabled"],//關(guān)鍵配置，表示只對(duì)于禁用域不進(jìn)行驗(yàn)證，其他的表單元素都要驗(yàn)證
fields: {
productId: {
trigger:"change", //問題2.關(guān)鍵配置
validators: {
notEmpty: {
message: '請(qǐng)選擇一個(gè)商品'
}
}
}
}
});
//賦值之后觸發(fā)一次“change”事件
$("input[name='productId']").val(data.productId).change();

In this way, the bootrapValidator will capture the "change" event because it is triggered, achieving the verification effect

The above is the BootStrap Validator introduced by the editor for hidden domain verification and program assignment A brief analysis of the problem of instant verification, I hope it will be helpful to everyone