Heim > php教程 > PHP开发 > Hauptteil

Eine kurze Analyse der Probleme von BootStrap Validator bei der Überprüfung versteckter Domänen und der sofortigen Überprüfung von Programmzuweisungen

高洛峰
Freigeben: 2016-12-03 10:25:02
Original
1457 Leute haben es durchsucht

Frage 1:

Der folgende Code:

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

Diese Konfiguration ändert das Formular beim Absenden nicht Das Element „productId“ wird überprüft, da die Standardkonfiguration von BootstrapValidator die „versteckte Domäne (:hidden), die deaktivierte Domäne (:disabled) und diese Domäne (:not (visible))“ nicht überprüft.

Lösung:

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

Problem 2:

Wir haben oft solche Bedürfnisse, wie unten gezeigt:

Eine kurze Analyse der Probleme von BootStrap Validator bei der Überprüfung versteckter Domänen und der sofortigen Überprüfung von Programmzuweisungen

Nach der Auswahl eines Produkts wird dem Benutzer der Produktname in „productName“ angezeigt und eine Produkt-ID wird in das ausgeblendete Feld von „productId“ eingefügt.

Unter normalen Umständen werden solche Vorgänge von Programmen ausgeführt

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

Das BootstrapValidator-Plug-in kann ein solches „Programmzuweisungsereignis“ nicht erfassen ", daher kann der Verifizierungseffekt hier nicht erreicht werden, daher müssen wir eine kleine Änderung vornehmen:

$("#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();
Nach dem Login kopieren

Auf diese Weise wird der BootstrapValidator ausgelöst Ich hoffe, dass das Obige eine kurze Analyse des vom Herausgeber eingeführten BootStrap-Validators für die versteckte Domänenüberprüfung und Programmzuweisung ist es wird für alle hilfreich sein

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!