問題タブ [onsubmit]

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.

0 投票する
1 に答える
200 参照

javascript - JS送信と戻るボタン(onbeforeunload)の使用を区別する方法は?

onbeforeunloadとform.submit()に夢中です。あなたは素晴らしいアイデアに対する私の最後の希望です...

私が持っているのはフォームです。ユーザーが戻るボタンをクリックすると、多くの問題が発生するため、window.onbeforeunloadは警告を表示します。フォームの送信は許可されます。したがって、form.onsubmitは、onbeforeunload-functionにシャットダウンするように指示するグローバル変数を設定します。これまでのところ大丈夫です。

フォームはJS経由で自動的に送信する必要がある場合があります。そして、私はform.submit()を呼び出す関数にアクセスできません-より正確には-ユーザーはform.submit()を含む可能性のあるいくつかの単純なコードを作成します。

重要なのは、form.submit()は、仕様により、フォームのonsubmitイベントをトリガーしないということです。したがって、form.submit()を介してフォームを送信しようとすると、定期的にページを閉じることを検討するように指示されます。

さて、私の希望に戻りましょう。この悪循環を解決する方法について素晴らしいアイデアを持っている人はいますか?

どうもありがとうBurninLeo

0 投票する
2 に答える
225 参照

javascript - Opera は、フォームの「送信」イベントにバインドされたイベント ハンドラーを認識しません

編集:この質問はばかげています。他の場所で間違いを犯したためです。

今日、Opera で自分のサイトをテストして、Chrome と FF で完全に動作することを確認することにしました。そこで、Ubuntu 用の最新の Opera をダウンロードして、自分のサイトにログインしようとしました。ブレ。

何らかの理由で、検証などに必要なフォームの「送信」イベントにバインドする関数を認識していaddEvent(element, eventtype, callback)ませaddEventListenerattachEvent

前述したように、これは Chrome と Firefox の両方で完全に機能します。私も試してみました

しかし、まったく反応がありませんでした。つまり、最初に考えたようにデフォルト アクションを停止することではなく、実際にはイベントをまったくバインドしません。上記の例に関してはloginForm、実際のフォーム要素への参照が含まれていることを確認できます。

Opera で何が起こっているのか、誰にも分かりませんか?

編集:以下は私のaddEvent機能です

0 投票する
3 に答える
468 参照

php - これらの関数を連携させるjQuery

私はjQueryが初めてで、これを行う方法についての答えを探してみました。私には 2 つの機能があり、両方を連携させたいと考えています。1 つの関数は submitHandler であり、フォームを非表示にすると同時に非表示要素にクラスを追加して非表示にするために使用されます。つまり、h1 を送信していただきありがとうございます。もう 1 つの機能は、入力データを取得してフォームに送信することです。したがって、問題は、それを機能させることはできますが、もう一方は機能しないことです。つまり、フォーム送信では、データ入力は表示されますが、h1 ありがとうメッセージは表示されません。

関数は次のとおりです。

SubmitHandler:

onsubmit="return inputdata()"

フォームは PHP と jQuery を使用しています。私を助けてください。私は自分が何をしているのかわかりません。現時点では学んでいますが、まだ長い道のりです。

ありがとうございました

フォーム:

PHP ビット:

$subject = "ウェブサイトお問い合わせフォーム";

//フォームが送信された場合 if(isset($_POST['submit'])) {

} ?>

Jquery Validate ビット:

完全なjQueryビットは次のとおりです。

}); });

最新の編集 - 次のようになります。

});

0 投票する
2 に答える
6746 参照

jquery - jQueryフォーム送信時に要素クラスを変更する

私はしばらくの間これに目覚めていました、そしてちょうどどこにも行きません。だから私がそれが簡単なことだと確信するのを手伝ってください。

PHPとJqueryを使用したフォームがあります。フォームを送信するときに、Thankyouヘッダーに現在非表示になっているものを表示したいと思います。フォームは検証が成功した場合にのみ送信できます-私はバリデーターを使用しています。

ここで重要なのは、送信が成功したときにクラスを変更する方法を見つけることです。したがって、表示されている要素:私のCSSには何も表示できません。

あなたの助けはありがたいです:)

0 投票する
2 に答える
37261 参照

javascript - フォームの送信と送信ボタンのonclick

@BrendanEich からの更新 </p>

送信の@mplungjanonclickは、ボタンであることから外れます。フォームonsubmitの方が明らかに優れています。


フォームを送信する必要があるかどうかを判断するために送信ボタンのonclickを使用する理由はどれですか。

私はそれを強く信じています

  1. 送信前に何かを実行し、エラーが発生した場合に送信をキャンセルするには、フォームのonsubmitイベントがそれを置くための明白な場所です。
  2. 送信ボタンのonclickを使用し、後でtype = "image"を使用することにした場合、多くのブラウザでイベントハンドラが失敗します
  3. 送信をボタンに変更する場合は、onclickイベントハンドラーにも送信を追加する必要があります。

フォームのonsubmitよりも送信ボタンのonclickイベントを使用することを好む強い理由を探しています。

更新:私はフォームの送信と検証に関する多くの問題を個人的によく知っていることに注意してください。

たとえば、javascriptで送信しても、onsubmithttp://jsfiddle.net/mplungjan/3A4Ha/はトリガーされません

また、私のフィドルのフォームでEnterキーを押すと、IEはonclickをトリガーしません


歴史:

ここで議論に入った

無効にしないとクリックできないhtmlボタン

多くのブラウザ、ほとんどが古いバージョンのIEでこれが機能しないことをも見てきたため、私は何に対しても送信ボタンのオンクリックを使用することを強く嫌っています。明らかな理由をいくつか挙げましたが、それらは頑固なユーザーを納得させるものではないと確信しています。

SOのコミュニティは、w3schoolsを釘付けにしたように、これを壁に釘付けにするのを手伝ってくれますか?また、この質問を容認できる方法で表現する方法についても、遠慮なくコメントしてください。


1:NS2.xおよびIE3.02の時代から

0 投票する
7 に答える
1803 参照

jquery - Ajax送信ページの更新

私は頭がおかしくなり、ajax経由でフォームを送信するときにページが更新されないようにする方法がわかりません。

私はあなたが見るためにjsfiddleをセットアップしました:このリンク

私は event.prefentDefault() を実行し、false を返しました。しかし、それを機能させることができないようです。私は愚かなだけですか?

最終結果は、フォームが送信されると、フォーム領域が消えて、「電話を確認してください」という単純な「非表示」の ajax_message に置き換えられるはずです。

私のヘアラインを保存してくれてありがとう:)

0 投票する
3 に答える
2995 参照

javascript - Onsubmitは、バックグラウンドで必要なフィールドの変更を検証しますか?

Javascriptを使用してonSubmitを使用し、すべての空のフィールドの背景色を?で変更するための優れたチュートリアル/方法を知っている人はいclass="required"ますか?

0 投票する
1 に答える
609 参照

javascript - Javascriptを使用して、コンテンツに応じてフォームの送信値を確認および変更するにはどうすればよいですか?

フォームを送信するときの入力フィールドの値を、その内容に応じて変更したいと思います。

現在私はこれを持っており、私が実際に必要としているものから遠く離れていることを期待しています。すべてを一緒に機能させるために私が求めている情報を見つけることができないようです。

助けていただければ幸いです。

基本的に、ユーザーが値の先頭に「CW-」(または実際にはそのcw- cW- Cw-の任意のケースバリアント)を含めていることを確認したいと思います。値をそのまま返した場合。そうでない場合は、CW-を追加したいと思います。

少し読んだ後、indexOfアプローチを試しましたが、javascriptを本当に理解しておらず、何か間違ったことをしたと確信しています。

0 投票する
1 に答える
433 参照

javascript - サファリのonsubmitフォームイベント内でJavaScriptを使用して画像を読み込めません

フォームの送信アクションを停止せずに、フォームイベント「onsubmit」内でJSを使用して画像をロードしたい。

私がすることは次のとおりです。

このロジックは私にとって必須です。フォームの送信を延期するために settimeout を使用したくないということです。このコードは別のドメインの JS ファイルにあるため、この方法で URL_FOR_PHP_SCRIPT_TO_DO_SOME_LOGIC を呼び出す必要があります。このロジックはすべてのブラウザーで正常に機能し、画像を呼び出す要求が送信されますが、これはまさに私が必要とするものですが、サファリでは画像要求を呼び出さず、フォームを直接投稿し始めます。ブラウザがサファリの場合、フォームを含むページに「onunload」イベントを追加しようとしましたが、これも役に立たず、フォームは画像をロードするリクエストの送信を開始せずにデータを直接送信しました。

0 投票する
1 に答える
351 参照

javascript - htmlにjavascript関数を埋め込む

フォームを送信する前に、ユーザーが確認するための確認ボックスを使用したいと思います。スクリプトでは次のフォームタグを使用しています。

しかし、動作していません。「送信」ボタンをクリックすると、「delete.php」が実行されます。誰かが私がどこで間違っていたのかを理解するのを手伝ってもらえますか?<head>この「確認」関数は、タグで参照を行う必要があるある種のインラインスタイルであるためだろうか。ありがとう!