腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

軟件下載

android MAC 驅(qū)動(dòng)下載字體下載 DLL

源碼下載

PHP ASP.NET ASP JSP

軟件編程

C# JAVA C 語(yǔ)言 Delphi Android

網(wǎng)絡(luò)編程

PHP ASP.NET ASP JavaScript

在線(xiàn)工具

CSS格式化 JS格式化 Html轉(zhuǎn)化為Js

數(shù)據(jù)庫(kù)

MYSQL MSSQL oracle DB2 MARIADB

CMS

PHPCMS DEDECMS 帝國(guó)CMS WordPress

常用工具

PHP開(kāi)發(fā)工具 python Photoshop 必備軟件

BootStrap Validator對(duì)于隱藏域驗(yàn)證和程序賦值即時(shí)驗(yàn)證的問(wèn)題淺析

更新時(shí)間：2016年12月01日 10:29:37 作者：嘿煤貴

這篇文章主要介紹了BootStrap Validator對(duì)于隱藏域驗(yàn)證和程序賦值即時(shí)驗(yàn)證的問(wèn)題的解決方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

問(wèn)題1：

如下代碼：

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

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

這樣的配置并沒(méi)有在提交的時(shí)候?qū)Ρ韱卧豴roductId進(jìn)行驗(yàn)證，那是因?yàn)閎ootstrapValidator默認(rèn)配置對(duì)于“隱藏域（:hidden）、禁用域（:disabled）、那啥域（:not(visible)）”是不進(jìn)行驗(yàn)證的。

解決方法：

$("#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è)商品'
}
}
}
}
});

問(wèn)題2：

我們往往會(huì)有這樣的需求，如下圖：

在選擇商品之后會(huì)在productName里面展示商品名稱(chēng)給用戶(hù)看，而在productId這個(gè)隱藏域里面放一個(gè)商品的ID。

一般情況下這樣的操作是由程序來(lái)完成的，

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

bootstrapValidator這個(gè)插件不能捕獲這樣的“程序賦值事件”，所以這里不能達(dá)到驗(yàn)證的效果，所以我們需要做一個(gè)小小的變通：

$("#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", //問(wèn)題2.關(guān)鍵配置
validators: {
notEmpty: {
message: '請(qǐng)選擇一個(gè)商品'
}
}
}
}
});
//賦值之后觸發(fā)一次“change”事件
$("input[name='productId']").val(data.productId).change();

這樣以后bootrapValidator會(huì)因?yàn)橛|發(fā)了“change”事件，而捕獲，達(dá)到驗(yàn)證的效果

以上所述是小編給大家介紹的BootStrap Validator對(duì)于隱藏域驗(yàn)證和程序賦值即時(shí)驗(yàn)證的問(wèn)題淺析，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: