ホームページ > 記事 > ウェブフロントエンド > BootStrap+ValidatorはJSで検証機能を動作させます
今回は、JS で検証機能を操作するための BootStrap+Validator と、BootStrap+Validator を使用して JS で検証機能を操作する場合の 注意事項 について説明します。以下は実践的なケースです。見てみましょう。
これは開始確認コードです
function initValidate() { <span style="white-space:pre"> </span>$('#detailform').bootstrapValidator({ <span style="white-space:pre"> </span>feedbackIcons : { <span style="white-space:pre"> </span>valid : 'glyphicon glyphicon-ok', <span style="white-space:pre"> </span>invalid : 'glyphicon glyphicon-remove', <span style="white-space:pre"> </span>validating : 'glyphicon glyphicon-refresh' <span style="white-space:pre"> </span>}, <span style="white-space:pre"> </span>fields : { <span style="white-space:pre"> </span>txPassword : { <span style="white-space:pre"> </span>validators : { <span style="white-space:pre"> </span>notEmpty : { <span style="white-space:pre"> </span>message : '交易密码不能为空' <span style="white-space:pre"> </span>}, <span style="white-space:pre"> </span>notSameAndContinuity : { <span style="white-space:pre"> </span>message : '密码必须为6位不相同、不连续的数字' <span style="white-space:pre"> </span>} <span style="white-space:pre"> </span>} <span style="white-space:pre"> </span>} <span style="white-space:pre"> </span>} <span style="white-space:pre"> </span>}); };
場合によっては、条件に基づいて追加または削除する必要があります
addFileで追加、approvalMemoは入力
$("#detailform").bootstrapValidator("addField", "approvalMemo", { <span style="white-space:pre"> </span>validators: { <span style="white-space:pre"> </span>notEmpty : { <span style="white-space:pre"> </span>message : '审批意见不能为空' <span style="white-space:pre"> </span>} <span style="white-space:pre"> </span>} <span style="white-space:pre"> </span>}); $("#detailform").bootstrapValidator('removeField','approvalMemo');
の名前の値です RemoveFile を使用して削除します。
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
以上がBootStrap+ValidatorはJSで検証機能を動作させますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。