コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > バックエンド開発 > PHPチュートリアル > 本文

JavaScript - ブートストラップフォーム検証に関する質問

WBOY
リリース： 2016-08-04 09:20:48
オリジナル
1433 人が閲覧しました

バックグラウンドで設定されたブートストラップは、スタイルの点でほとんどのスタイルを満たすことができます。既製のブートストラップ テンプレートを使用するフォームの送信には問題があります。コードは以下の通りです

リーリー

フォーム検証の方法について、require の意味はわかるのですが、公式サイトに紹介がありません。この辺の紹介がどこにあるのか知りたいのですが、公式サイトにありません。 皆さんありがとう

非同期送信するために ajax を書いたのですが、うまくいきませんでした。 bs に付属の認証フォームを使用して非同期送信を行いたいと考えています。ありがとうございます

返信内容:

バックグラウンドで設定されたブートストラップは、スタイルの点でほとんどのスタイルを満たすことができます。既製のブートストラップ テンプレートを使用するフォームの送信についての質問があります。コードは以下の通りです

リーリー

フォーム検証の方法について、require の意味はわかるのですが、公式サイトに紹介がありません。この辺の紹介がどこにあるのか知りたいのですが、公式サイトにありません。 皆さんありがとう

非同期送信するために ajax を書いたのですが、うまくいきませんでした。 bs に付属の認証フォームを使用して非同期送信を行いたいと考えています。ありがとうございます

シンプル。

リーリー

処理のためにフォームデータを ajax に送信する前に、最初にデータを検証する関数を作成します。成功した場合はデータが ajax に渡され、失敗した場合はプロンプト メッセージが返されます。

formタグにアクションのサーバーアドレスを記述します。

github で検索しました。たくさんありますので、自分で選んでください https://github.com/search?utf8=%E2%9C%93&q=Bootstrap+Validator

このページは、jQuery Validate | Rookie Tutorial http://www.runoob.com/jquery/jquery-plugin-validate.html を参照してください。

それを行うのに役立つプラグインがあります

関連ラベル：
bootstrap javascript php
ソース：php.cn
前の記事：WeChat の jssdk を使用して画像を自分のサーバーにアップロードする 次の記事：SAE がファイル アップロードを実装する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
JavaScript を使用せずにクリック時に画像ソースを動的に変更する CSS のみのメソッド img:active{} のような CSS のみを使用して、マウスクリック時に画像の src を変更する必要があります
から 2024-04-06 19:25:49
0
1
505
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
から 2024-04-06 15:35:24
0
1
274
Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
から 2024-04-06 14:54:03
0
2
421
CollapseDisplay クラスを使用してブートストラップ アコーディオン ヘッダーの外観をカスタマイズする class Collapseshow を使用してパネルのカード タイトルのスタイルを設定したいと考えています。この例では、最初のパネルです。 CSS を使用して .accordio...
から 2024-04-06 12:53:11
0
1
376
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート