搜尋
首頁php教程PHP开发BootStrap Validator對於隱藏域驗證和程式賦值即時驗證的問題淺析

問題1:

如下程式碼:

<input type="hidden" name="productId"/>
$("#addForm").bootstrapValidator({
fields: {
productId: {
validators: {
notEmpty: {
message: &#39;请选择一个商品&#39;
}
}
}
}
});

   

這樣的配置並沒有在提交的時候對表單元素productId進行驗證,那是因為bootstrapValidator預設配置對於「隱藏域:定義域(預設值) :disabled)、那啥域(:not(visible))」是不進行驗證的。

解決方法:

$("#addForm").bootstrapValidator({
//excluded:[":hidden",":disabled",":not(visible)"] ,//bootstrapValidator的默认配置
excluded:[":disabled"],//关键配置,表示只对于禁用域不进行验证,其他的表单元素都要验证
fields: {
productId: {
validators: {
notEmpty: {
message: &#39;请选择一个商品&#39;
}
}
}
}
});

   

問題2:

我們往往會有這樣的需求,如下圖:

BootStrap Validator對於隱藏域驗證和程式賦值即時驗證的問題淺析

我們往往會有這樣的需求,如下圖:

在給下個商品

在裡面給商品名稱productId這個隱藏域裡面放一個商品的ID。

一般情況下這樣的操作是由程序來完成的,

$("input[name=&#39;productId&#39;]").val(data.productId);

   

bootstrapValidator這個插件不能捕獲這樣的“程序賦值事件”,所以這裡不能達到驗證的效果,所以我們需要做一個小小的變通:

$("#addForm").bootstrapValidator({
//excluded:[":hidden",":disabled",":not(visible)"] ,//bootstrapValidator的默认配置
excluded:[":disabled"],//关键配置,表示只对于禁用域不进行验证,其他的表单元素都要验证
fields: {
productId: {
trigger:"change", //问题2.关键配置
validators: {
notEmpty: {
message: &#39;请选择一个商品&#39;
}
}
}
}
});
//赋值之后触发一次“change”事件
$("input[name=&#39;productId&#39;]").val(data.productId).change();

   

這樣以後bootrapValidator會因為觸發了「change」事件,而捕獲,達到驗證的效果


以上所述是小編給大家介紹的BootStrap Validator對於隱藏域驗證域驗證程式碼即時驗證的問題淺析,希望對大家有幫助

🎜🎜🎜
陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!