ホームページ > ウェブフロントエンド > jsチュートリアル > Bootstrapのフォームバリデーション機能の使い方を詳しく解説

Bootstrapのフォームバリデーション機能の使い方を詳しく解説

php中世界最好的语言
リリース: 2018-04-14 16:29:17
オリジナル
2062 人が閲覧しました

今回は、Bootstrapフォーム検証機能の使い方と、Bootstrapフォーム検証の注意事項について詳しく説明します。実際の事例を見てみましょう。

使用方法:

1. CSS スタイル

.valierror {
 border-color: red !important;
}
.tooltip.right .tooltip-arrow {
 border-right-color: #d15b47;
}
.tooltip-inner {
 background-color: #d15b47;
}
ログイン後にコピー
<form id="form">
  <input type="text" class="form-control" name="Phone" data-
  <input type="text" class="form-control" name="Name" data-   
   valiType="required">
</form>
<script>
  var $form = $("#form");
  var isVali = $form.FormValidate();
</script>
ログイン後にコピー

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Nodeのモジュールシステムの使用方法の詳細な説明

ブートストラップで使用できるカルーセルテンプレート

以上がBootstrapのフォームバリデーション機能の使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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