简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

ポップアップフォームのアイデアを実装するための jQuery validate+artdialog+jquery form の詳細な説明

PHPz
リリース： 2018-09-28 14:14:45
オリジナル
1467 人が閲覧しました

プロジェクト要件にはそのような機能があります。ページ上にフォームがポップアップし、ajax は更新せずにフォームを送信し、フォームは検証に合格する必要があります。この記事では、ポップアップ フォームのアイデアを実装するための jQuery validate+artdialog+jquery フォームを紹介します。必要な方は参考にしていただければ幸いです。

関数の説明:

ページ上にフォームをポップアップし、更新せずに ajax 経由でフォームを送信します。フォームは検証に合格する必要があります。

適用範囲:

リスト ページのレコードの追加と変更に適用されます。

ロードする必要がある JS ファイル:

jquery.min.js

artDialog.js

iframeTools.js

jquery.form.js

jquery.validate.js

実装アイデア:

フォームをページ上の非表示のコンテナーに配置し、artdialog を使用してフォームをポップアップし、jqueryvalidate をフォームに追加して、jqueryform ajax を使用して送信します。これは、コードを記述する量が非常に少ないためです。既製のプラグイン。

上記は、ポップアップ フォームのアイデアを実装するための jQuery validate+artdialog+jquery フォームの詳細な説明です。その他の関連チュートリアルについては、jQuery ビデオ チュートリアルをご覧ください。 !

関連ラベル：
artdialog表单 jquery_validate jquery_form
ソース：php.cn
前の記事：$.each を使用して json array_jquery を走査する jQuery の簡単な実装方法 次の記事：素晴らしいjQuery画像カルーセルeffect_jquery
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
単語と一致する正規表現 新しいジョブ名をデータベース内の既存のジョブ名と照合しようとするスクリプトがあります。 SELECTa.titleASJobTitle,j.DescriptionASMatched...
から 2024-04-06 21:24:04
0
1
606
MySQL SQLクエリを使用して別のテーブルのフィールドの合計を計算する 次のようなスキーマがあります。 属性「user_id」と「username」を持つユーザーテーブルと、属性「customer_id」（user_idのFK）と「finalPrice...
から 2024-04-06 19:39:29
0
1
441
無効な React 子要素 (見つかった: キー {clientVersion} を持つオブジェクト)。子要素のコレクションをレンダリングする場合は、代わりに配列を使用してください 複数ステップのフォームを持っているのですが、送信しようとするとこのエラーが表示されます。ただし、createOrganization スケジュールを単純な形式で使用すると、機能しま...
から 2024-04-06 16:25:39
0
1
346
Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
から 2024-04-06 14:54:03
0
2
421
ログインせずに Firebase を使用して Vue でユーザーを作成する ユーザープロフィールを作成するフォームを作成しました。しかし、ユーザーを作成するたびに問題が発生します。ログインおよびログアウトしたユーザー。この問題の解決にご協力ください。 co...
から 2024-04-06 14:20:12
0
1
514
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！