BootStrap+ValidatorはJSで検証機能を動作させます-jsチュートリアル-php.cn

BootStrap+ValidatorはJSで検証機能を動作させます

php中世界最好的语言

リリース： 2018-04-17 16:30:29

オリジナル

1299 人が閲覧しました

今回は、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 サイトの他の関連記事に注目してください。

推奨読書:

JS は単純な 24 時間時計を実装します

IE で img タグのメモリリークに対処する方法

以上がBootStrap+ValidatorはJSで検証機能を動作させますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。