問題タブ [jqueryform]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ruby-on-rails - Rails 3 と複数の check_box_tag 要素を使用して複数のレコードを同時に削除する方法
私は溝のユーゴーよりも悪い立ち往生しています。
最終的にこの作業を行うための変更を以下に追加しました (太字の編集としてマークされています)。
バックグラウンド
- ウィジェットには多くのガジェットがあります
- テーブルの最後の td 列では、
check_box_tags
削除する個々のガジェット レコードを選択する必要があります
望ましい動作
- ユーザーは「checkall」と個々のチェックボックスをクリックしてガジェットを 1 つずつ選択できる必要があります。
- 「選択した項目を削除」ボタンをクリックすると、ページを更新せずにチェックされたレコードが削除されます
編集: 何が機能していないかについてのより具体的な詳細を追加する
観察された行動
- gadgets_controller.rb の destroy_multiple メソッドが呼び出されない
代わりに、create メソッドが呼び出されているように見えます
Started POST "/widgets/1/gadgets" ...
Processing by GadgetsController#create as JS
Parameters: {"utf8"=>"✓", "authenticity_token"=>"...=", "widget"=>{"gadget_ids"=>["all", "140", "139"]}, "widget_id"=>"1"}
Widget Load (0.3ms) SELECT "widgets".* FROM "widget" WHERE "widget"."id" = $1 LIMIT 1 [["id", "1"]]
Rendered gadgets/create.html.haml within layouts/application (1.1ms)
Rendered layouts/_header.html.haml (0.2ms)
Completed 200 OK in 36ms (Views: 19.0ms | ActiveRecord: 5.0ms)
これについても不明です{"gadget_ids"=>["all", "140", "139"]}
。
「all」は、「checkall」に使用される 1 つのチェックボックスの css id です。以下のcheckbox.js.coffeeファイルでは、JavaScriptを使用して配列から「すべて」の値を削除しようとしています。アレイをコンソールに記録すると、「すべて」が正常に削除されます。それでも、ガジェット コントローラーに送信され続けます。
EDIT rails リモート フォームは、POST 要求のガジェット配列を設定します。正しく設定する必要がありました。
モデル
ウィジェット.rb
ガジェット.rb
ガジェットコントローラー
ルート.rb
コレクション doブロックを使用しようとしています。destroy_multiple ルートを実装する正しい方法ですか?
ajax - AjaxSubmit 送信前にフォーム フィールドを上書きする
AjaxSubmit 関数を使用して Jquery でフォームを送信する前に、「password」フィールドの値を上書きしたいと考えています。入力フィールドの値を更新できることはわかっていますが、ユーザーにこの変換を見せたくありません。つまり、パスワード フィールドにカスタム値を送信し、現在の値を画面に表示したいだけです...
どうすればそれができますか?
私の現在のコード:
このコードの問題は、フォーム フィールドの値を含む「パスワード」POST 変数と、「loginoptions.data」に設定した値を含む重複した変数を送信していることです。
jquery - フォーム送信時のアクションを変更する
最初に、私が何をしたいのかを説明しようとします:
動的にサブドメインを作成するシステムがあり、それぞれに独自のデータベースと一連のルールがあります。私のメイン ページには、指定された電子メールに基づいて正しいサブドメインにアクセスするために使用するログイン フォームがあります。それは問題ありませんが、必要なのは次のとおりです。どのサブドメインが正しいかを確認した後、スクリプトがフォーム アクションを変更してログインし、指定されたサブドメインにリダイレクトする方法を教えてください。
私のスクリプトコードは次のようなものです:
プラグインajaxFormなしで(プラグインなしで)これを行う方法がある場合、大いに義務付けられます。私が作成したこのスクリプトは、検証を行い、フォーム アクションを変更しますが、リダイレクトしません。
私は何が欠けていますか?
jquery - Mobiscroll 1.6 は、コールバックの入力フィールドを無効にします
jQueryフォーム(およびhttp://jquery.malsup.com/form/)でajax化する単純なhtmlフォームでの日付入力にmobiscroll 1.6 (https://github.com/acidb/mobiscroll)を使用しています
日付フィールドに変更が加えられたときにフォームを投稿したい。私はmobiscroll apiから両方を試しましonSelect
た:onClose
しかし、問題は、mobiscrolldisabled
が完全に完了するまで、すべての入力フィールドを含むフォームに設定しているように見えることです。入力フィールドが無効になっている場合、jQuery フォームはそれをシリアル化しません。
http://jquery.malsup.com/form/#faq http://www.w3.org/TR/html401/interact/forms.html#h-17.13.2
入力フィールド自体にイベントハンドラーを追加することはオプションではありません。これは、最初から JS で初期化されているため、ページの読み込み時にトリガーを取得するためです。datepicker から ajax 投稿をトリガーする必要があります。
どんなヒントでも大歓迎です!
jquery - IE jQueryフォームトリガークリックを手動で行うと、アクセスが拒否されます
フォームで画像をアップロードするjQuery
フォームがあります。エバーティングは問題ありませんが、トリガー ファイル入力タイプが必要な場合、ファイルを選択した後にクリックすると、次のIE ONLY
エラーが返されます。access is denied
問題はどこにあり、どうすれば解決できますか?
jquery - php文字列をjqueryに返す
私は画像をサーバーにアップロードし、画像アドレス(および/または追加のhtmlコード)を含むphp文字列を返す単純なフォームを持っています。これは、JqueryFormプラグインを使用して行われます。私が欲しいもの:PHPファイルによって返される値(文字列)はjqueryに返される必要があるので、その画像のURLを使用していくつかの要素のbckgroundとして設定できます:
これがphpファイルです(画像を更新するため):
$ path = "uploads /";
そして、ここに画像を送信するためのjqueryコードがあります:
どういうわけか、代わりに:
それは#mainの中にいくつかのhtmlを置きます、私はこれを作る必要があります:
ここで、画像はcssによってti#mainに割り当てられます。(imageUrlは、上記のphpファイルの文字列です:$ actual_image_name)
これは可能ですか、または少なくともいくつかの同様の解決策がありますか?
jquery - 1回の送信後にJqueryフォームが消える
各フォームを 1 回送信すると、ページ上のフォームが消える状況があります。たとえば、ユーザー名とパスワードのログイン プロンプトが (Jquery Mobile を使用して) 表示され、ダイアログ ボックスが正常に表示され、入力が処理および検証され、ログインが成功するとメイン ページが表示されます。ただし、ログオフしてから再度ログインしようとすると、ページ ヘッダーだけが表示されます。入力フィールドとラベルはありません。
単一の入力フィールドがあり、そこにテキストが入力され、$.post 呼び出しが行われ、HTML が返され、要素が $('#results').html(dataReceived を使用して結果で更新される別のページがあります。 ) 関数呼び出し。
結果が表示されると、フォームが消えているようです。これはページのテキストです:
フォームの送信イベントをインターセプトし、別の場所で処理します。$.post AJAX 呼び出しのコールバック関数で div コンテンツを設定するコードは次のとおりです。
一般情報: jquery および jquery mobile の最新の安定バージョン。これは複数ページのファイルです。外部ページは呼び出されません。すべては $.post 呼び出しで行われます。ログイン フォームは HTML を更新しません。単にユーザーの ID を受け取り、それを変数に格納します。
どんな助けでも大歓迎です。グーグルはこれに関して私の友人ではありませんでした。
フォーム送信コードを表示するように修正:
jquery - jquery formwizardは、最初のステップの後にフォームプラグイン(ajax)を停止します
jquery フォーム ウィザードを使用して、2 つのステップでフォームを表示します。2 番目のステップに進む前に、jquery フォーム プラグインを使用して、ステップ 1 でフォーム フィールドの ajax 検証を行います。
私が抱えている問題は、完全なフォームも ajax を使用して投稿されていることです。結果を表示する別のページにリダイレクトする代わりに、結果は同じページで取得されます。ajaxを使用せずに完全なフォームを投稿するようにフォームプラグインを構成するにはどうすればよいですか?
jquery - ページ内のすべてのフォームを選択し、入力値をシリアル化します
こんにちは、ページ内のすべてのフォームを選択してから、入力値をシリアル化しようとしています。次のコードを使用しています。
しかし、serializedData を調べると未定義です。何が間違っているのでしょうか?
javascript - Jquery フォーム プラグインが成功関数を表示しない
私はこのコードを持っています:
$(".myform").ajaxForm(options);
Firefox コンソールはこれを応答として表示しています
私のデータはデータベースに正しく挿入されますが、Firefox コンソールでもその成功関数を呼び出すことができません。成功メッセージ テンプレートで目的の応答が得られます。