ホームページ > php教程 > PHP开发 > 隠しドメインの検証とプログラム割り当ての即時検証に関する BootStrap Validator の問題の簡単な分析

隠しドメインの検証とプログラム割り当ての即時検証に関する BootStrap Validator の問題の簡単な分析

高洛峰
リリース: 2016-12-03 10:25:02
オリジナル
1531 人が閲覧しました

質問 1:

次のコード:

<input type="hidden" name="productId"/>
ログイン後にコピー
$("#addForm").bootstrapValidator({
fields: {
productId: {
validators: {
notEmpty: {
message: &#39;请选择一个商品&#39;
}
}
}
}
});
ログイン後にコピー

このような設定では、送信時にフォーム要素の productId が検証されません。これは、bootstrapValidator のデフォルト設定が「隠しドメイン (:hidden)、無効なドメイン」であるためです。 ( :disabled)、そのドメイン (:not(visible))」は検証されていません。

解決策:

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

問題 2:

以下に示すようなニーズがよくあります:

隠しドメインの検証とプログラム割り当ての即時検証に関する BootStrap Validator の問題の簡単な分析

製品を選択すると、productName と に製品名がユーザーに表示されます。隠しフィールド 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 はトリガーされる「変更」イベントをキャプチャし、検証効果を達成します

上記は、隠しドメインの検証とプログラムの割り当てのためにエディターによって導入された BootStrap Validator です。即時認証の問題、皆さんのお役に立てれば幸いです


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート