問題タブ [ajaxform]
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.
jquery - $('。ajax_form')。ajaxForm();を使用した奇妙な動作
次のようなクラスにjqueryajaxFormを適用するのは初めてです
Ajaxの呼び出しが完了した後、firebugはエラー応答を報告しませんでしたが、私は常にエラーセクションに入ります。
jquery - jQuery ajaxFormプラグインを使用して、何も選択されていない場合はフォームを送信しないでください
jQuery Formプラグインを使用して、フォームの「ajax」送信を実行しています。これは、約4つのラジオ選択で構成されています。ただし、ラジオボタンが選択されていない場合はフォームを送信しないようにします。
これが私のこれまでの試みであり、別のSO回答とプラグインドキュメントで見つけたコードに助けられています。
ischecked
コールバックが実行されていることは確かですが( alert()
sが起動するなど)、コード自体はラジオボタンが選択されていないことを検出していないようで、フォームは引き続き送信されます。
HTMLフォームは次のとおりです。
php - PHPでファイルをアップロードする際の問題-
さて、私は本当に奇妙な問題を抱えています。これが起こることです:
これが環境です。いくつかの「ステップ」を保持できるモーダル パネルがあります。最初にファイルをアップロードする必要があります。次に、ファイルが処理され、この処理結果から、いくつかの html を生成して次のステップ。
これが私がしていることです: jquery の $.ajaxForm を使用して、モーダル パネルのフォーム内にファイルをアップロードしています。それを処理するphpファイルに送信します。処理が完了すると、必要なすべてのオブジェクトに情報が入力されます。これらのオブジェクトは、含めるテンプレートで使用され、その内容がテキスト変数に入力され、モーダル パネルの 2 番目のフォームに追加されるように json_encode されます。
これまでのところ...とても良いです...「URLから」を選択してファイル入力を無効にすると、すべてが正常に機能することがわかりましたが、ファイル入力アップロードを有効にすると、インクルードから取得した結果htmlテンプレートから壊れています(ええ...あなたはWTFと言っているに違いありませんが、本当です0_0エラーが隠れている場所を特定するまですべてを試しました...)。HTML結果の先頭に「PRE」HTMLタグが追加され、すべてのタグが大文字にキャストされ、すべての終了タグの「<」と「>」が対応するエンティティに置き換えられます(& lt;など) . フォームのコールバックで未加工の HTML 結果を「警告」することによって (そして明らかに結果フォームに引き起こされた損傷によって) それを確認しました。何が起こっているのかについてのアイデアはありますか??
前もって感謝します!!!
PS:私は冗長になりました...:P
jquery - jquery (ajaxForm プラグイン) を使用してフォームを外部サイトに送信し、別のページにリロードしないようにするにはどうすればよいですか?
顧客の名前と電子メール アドレスを icontact (メーリング リスト アプリケーション) に送信するフォームを作成しようとしています。
すべての値は icontact に対して正しく、通常どおりフォームを送信すると、icontact は電子メール アドレスを追加したと応答します。成功メッセージは、icontact の Web サイトから新しいページに読み込まれます。
私が達成したいのは、顧客を新しいページに送ることなく、現在のページ内で ajax がフォームを送信し、成功メッセージを返すことです。
ここにテストページがあります: http://www.skhot.com/test/js-test/forms/index.php
jquery - ajaxForm エラー コールバック内のフォーム オブジェクト
ajaxForm のエラー メソッド内でフォーム オブジェクトにアクセスしようとしています。
error は 3 つのパラメーターを取ることができますが、いずれもフォーム オブジェクトではありません。また、これは URL を返しますが、やはりフォームはありません。
助言がありますか?
jquery - $('#my_form').ajaxForm がコンテンツをリロードする代わりに PHP ページを開く (Safari、Chrome)
Safari と Chrome で ajaxForm リクエストが正しく機能しません。php ファイルから応答を取得する代わりに、新しいページとして開きます。(FF、IE、Opera で正常に動作します):
ご協力いただきありがとうございます!
jquery - jQuery + Rails + ajaxForm + js.erbの問題
私は気が狂っている問題を抱えています.
プロトタイプの代わりにRailsアプリでjQueryを使用しており、ajaxFormプラグインを使用してajax経由でフォームデータを送信しています。フォーム データが正常に送信され、対応するコントローラー アクションが正常に呼び出され、js タイプの適切な Respond_to ブロックが正常に呼び出されます。
*.js.erb ファイルのコンテンツがクライアント ブラウザに返され、javascript として解釈されないという事実で問題が発生します。実際には何も起こりません。はい、dataType: 'script' を設定しましたが、まだ機能しません。また、ajaxForm プラグインを使用せず、フォーム送信時に $.post 関数を手動で使用しようとしましたが、それでも同じ結果になりました。
いくつかのコード サンプルについては、ここに私の ajaxForm 呼び出しを示します。
また、accepts ヘッダーを適切に設定しています。私の format.js ブロックが実行されているため、これは正常に機能しています。
私のアクション *.js.erb ファイルでは、問題が解決するまで問題のデバッグを支援するために、現時点でアラート ステートメントしかありません。
これは、Firefox や Safari では機能しません。firebug コンソールを見ると、アラート ステートメントが ajax 呼び出しからの応答として返されていることがわかります。これは、クライアントによって JavaScript として評価されていないだけです。
参考までに、私は Rails 2.3.4 と jQuery 1.3.2 で実行しています。
ajaxform - ajaxヘルパーBeginFormを使用するヘルパー
カスタムヘルパーで使用するメソッドBeginFormが、最初のテキストボックスの前にこのテキストをレンダリングしている理由を誰かが言うことができますか?
それも働いています!:) :(
私が使用するコードは次のとおりです。
forms - jquery ajaxformでラジオボタンの値を取得できない
JQuery Form (AjaxForm) オブジェクトにバインドされたフォームがあります。
フォームには、いくつかのラジオ ボタンがあります。
フォームが AJAX 経由で投稿されると、パラメーター「dialog_stranka_dodajuredi_tip」が空になります。どのラジオボタンが選択されていても、値はまったくありません。
私はまた、次のような変更イベントをバインドしようとしました:
しかし、val プロパティにはまったく値がありません。警告ボックスはポップアップしません。
この時点で、firebug を使用してデバッグし、ウォッチを設定しました。これが結果 (値) です。
ご覧のとおり、値はタグに設定されていますが、val() は単純に値を返しません。私は無知です、何かアイデアはありますか?
jquery - jquery validate と ajaxForm プラグインを組み合わせる
検証と ajaxform の両方が単独で正常に動作していましたが、フォームを結合しようとすると正しく動作しません。私はJQueryに精通していないので、構文がどこか間違っていると思います。誰かが私が間違っていることを見つけることができますか?
フォームは検証前に 2 回試行され、フォームは送信されますが応答がありません。
// DOM の準備ができたらフォームを準備します $(document).ready(function() { var options = { target: '#output1', // サーバーの応答で更新されるターゲット要素 beforeSubmit: showRequest, / / 送信前のコールバック成功: showResponse // 送信後のコールバック };
// 'ajaxForm' を使用してフォームをバインド $('form#webcheck').ajaxForm(options); });
function showRequest(){ $("form#webcheck").validate(); jQuery.validator.messages.required = jQuery.validator.messages.email = ""; jQuery.validator.messages.required = jQuery.validator.messages.telephone = ""; jQuery.validator.messages.required = jQuery.validator.messages.name = ""; }
function showResponse(){ alert('コメントありがとうございます!'); }