フォームで使用される<ボタン>注目点

本論文では、私はアンケートの質問を記録するアイデアを考え、学生は最終的に直接結論、それを見てみたいです

先週、プロジェクトを行う際に、オンデマンドプラスページ上のボタンがあり、テーブル内のデータベース・コンテンツの充填を照会タップします。これは、データを取得し、テーブルを移入するAJAX要求を送信するためにページボタンを追加し、非常に単純なものではありません。後に他の場所ページ内のボタンや入力ボックスをクリックしたときにこれを書いた後、しかし、すべてがすべての権利である持っている過程で、突然大胆な赤いなっていますか?それは次のようになります。
1.png

私はそのようなことを見たのは初めてで、コードが設定されていません。その後、入力を見た後に発見されたタグが書き込まれています

<input type="text" id="money" pattern="[0-9]*" />

パターンが入力を検証するために使用される正規表現であり、上記のコードは明らかにコンマ量は確かに確認されていない、数字のみを意味し、異なるブラウザは、IE11の異なるエラー表示を有しているため(赤いボックスのソースを発見しましたディスプレイと、ツールチップ、クロムのみツールチップ)のための赤いボックス。ここではショーでCHROMのパターンがあります。
スタイルクローム

パターンのみデジタル入力規定され、この役割の外でどのように赤いボックスを知って、私はこのパターンを削除し、コントロールは、そのようなkeyUpイベントが数字以外の文字を削除するために正規表現を使用する場合など、他の方法で数字を入力することができます。この時間が、ボタンのクリック、赤いボックスがショーを報告しません。

私は、テスト入力入力の完了は習慣的キャリッジリターンをノックした後、一日を呼び出し、その後、目次が自動的に入力された?完全に変更と思ったちょうどその時 WTF、どのようなことが発生する可能性があります。私は、クリックイベントをトリガーする入力し、どのように理解できませんでしたか?の私の知識を超えて取得します。

通常の入力ボックスがフォーカスを失うことはありません入力してヒットし、唯一の入力フォームの入力ボックスがあることを調査した後、ユーザーがフォームを送信しますEnterキーを押したときに、ああ、すべてのイベントをトリガしません。しかし、私は、ページの入力ボックスの多くを持って、ああ、フォームを送信しません。これが唯一の問題を解決するための基本的な方法は、パターンではないか、そうでない場合はあります削除する一時停止することができます。次に表示される調査の入力ボックス赤いボックスを続けます。

JSコンマ入力ボックスには、動的需要は、私はいつもこのプロセスを取り除くことができないと言うことはコンマを追加することで追加されます。それから私は、他のページがうまくいかない理由と同じ値を入力し、他のページには、入力ボックスのまったく同じ量を持って発見し、他のページで探し?

そして、彼らは赤いボックスをトリガする点にある調査を継続し、結果が押されたときにボタンを提出するフォームをトリガすることが分かっています。それは提出クリックしたときにトリガされます。だから、重要な問題は、上記の私の新しいボタンに行きました。

 <button id="getData" class="dataBtn">填充数据<button>

一見すると何の問題もなく、その後、基礎科学から、上記W3schoolが書かれています
2.png

最後は、彼らが問題を解決し発見し、それに追加し、それは私がタイプ=「ボタン」を追加する必要があり、その後、精神を保持しようとしていないためです。
なぜ、このような大きなインパクトタイプを見続けます
3.png

エラーが発生した理由を赤枠で、その結果、検証パターンをトリガー、フォームを送信し、私はボタンを押すにつながる、タイプの種類を追加しなかったことを、おそらく理解して上記の説明をお読みになりました。しかし、私たちのプロジェクトは、IEブラウザを使用することですが、まだ形、まだ問題がこの説明W3schoolを提出しました。しかし、書き込み後のボタンのタイプが追加することを忘れなければならないときに、それ以外の場合は、不可解なエラーが発生します。

最後に、少額アップ、調査では、以下のような問題点を発見しました。

1、フォームは一つだけ入力ボックスであるとき、フォームを送信しますEnterキーを押します。しかし、フォームの入力ボックスによりますが、ボタンのないタイプが存在しない追加がある送信ボタンを通り、あなたが扱われますが、Enterキーを押しボタンイベントがトリガされます。

2、ボタンのラベルは、ドキュメントはIEブラウザの種類=「ボタン」と言うものの、いくつかのタイプの属性を追加してください、それ以降のIEで見なければならまだ提出しています。

3、以前に遭遇した補足質問。つまり、入力タイプ=「画像」で、このプロパティの正式な説明は、ボタン画像、フォームを送信定義されている価値があります。送信ボタンを、ボタンを提出し、送信ボタンを、3回を言うことが重要であり、これはラベルの絵を配置することではない、それは、imgタグを使用し、画像をクリックしてイベントを避けるのがベストです。

おすすめ

転載: www.cnblogs.com/ghq120/p/11566805.html