私は入力コントロールがあるHTMLページを作成しています。 これらの入力コントロールでは、ユーザーは浮動小数点数を入力する必要があります。ポイント/カンマの前の4つの整数と（最大で）後ろの2つの整数を伴う "1234,56"。 値を入力している間、または値を入力した後で、値が正しい場合（ポイントの前後の整数/カンマ;整数のみ）を調べるにはどうすればよいでしょうか。HTML入力で入力されたユーザー値が浮動小数点数であるかどうかを確認する
ありがとうございます！
入力のパターンプロパティとパターンと値を比較するための送信ボタンを使用して、フォーム上にコントロールを配置することで、これを行うことができます。
まず例：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Checking floatnumbers</title>
<meta charset="utf-8" />
</head>
<body>
<form>
<input type="text"
maxlength="7"
placeholder="____,__"
title="Please use format ####,##"
pattern="\d{1,4}(|\.|,)?\d{1,2}" />
<br />
<!-- For testing input patterns -->
<input type="submit"
value="Submit" />
<br /><br />
<!-- Resets/clears the form -->
<input type="reset"
value="Reset" />
</form>
</body>
</html>
最初の入力は、タイプ "テキスト" ではなく、いつものように "数" でなければなりません。 パターンは、ユーザーがポイントまたはカンマの前に1〜4の数字を入力できる必要があります/入力する必要があることを意味します。 ポイント/カンマとそれに続く1〜2小数を入力できますが、必ずしも必要ではありません。
ユーザがp.e.を入力した場合。 "12345"をクリックして送信ボタンをクリックすると、プロパティのタイトルのテキストにエラーが表示されます。
「1,23」のように数字を入力したくない場合がありますが、急いでいるため「23」と表示されることがあります。 次に、2番目の例を見てみましょう。
第二の例：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Checking floatnumbers</title>
<meta charset="utf-8" />
</head>
<body>
<form>
<input type="text"
maxlength="7"
placeholder="____,__"
title="Please use format ####,##"
pattern="\d{0,4}(|\.|,)?\d{1,2}" />
<br /><br />
<!-- For testing input patterns -->
<input type="submit"
value="Submit" />
<br /><br />
<!-- Resets/clears the form -->
<input type="reset"
value="Reset" />
</form>
</body>
</html>
ポイント/カンマが0の最小値を持っており、4 の最大だから、それは「のようなfloatnumberを入力することも可能ですが、23前に入力を見ることができるように"我々はまだ、「12345」のように番号を入力することができ、上記のパターンで
そして、我々は、入力にnegativ floatnumbersを入力したい場合は、我々は8
に"^[+-]?\d{0,4}(|\.|,)?\d{1,2}"のパターンとMAXLENGTHを変更さらに予告 私たちの場合は正しくありません。 正しいパターンは、"^[+-]?\d{1,4}((\.|,)\d{1,2})?"または"^[+-]?\d{0,4}((\.|,)\d{1,2})?"
でなければなりません。将来的には、自分自身で問題を解決しようと努力していないので、この質問に投票する可能性があります。このサイトは、フリーランスの作業を完了させるためのサイトではなく、正しく動作していないコードの助けを求めるサイトです。 – leigero
申し訳ありませんが、私は多くの開発者が同じ問題を抱えていることを知っているので、この質問を追加しました。私はそれを誰かが享受できるように公開したいという解決策を得ました。 –
愚かな私、私はちょうどあなた自身の質問に答えたことを知っていたので、基本的に私はここで起こっていたと思ったすべてを無効にする。続ける。 – leigero