問題タブ [html5-validation]

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 投票する
0 に答える
548 参照

javascript - 複数のフォームを持つ ASP.NET Web フォームでの HTML5 入力検証

ASP.NET Web フォームに複数のフォームがあり (Web フォームにはフォーム タグが 1 つしかないため、実際にはタグです) 、入力フィールドにdivHTML5 属性を適用しました。required各フォームは個別に送信することができ、各フォームで検証が個別に機能することを望みます。ただし、2 番目のフォームを送信すると、ブラウザは最初のフォームのフィールドが必須であることを示します。

HTML:

JS:

同じためにJSFiddleを作成しました:http://jsfiddle.net/6Fs9y/132/

基本的に、フォーム全体ではなく、入力のみを検証したいと考えています。this.checkValidity()と の両方を使用してみましthis.validity.validたが、どちらも同じ動作を示します。また、エラーが発生novalidateしたときにタグを使用するreturn falseと、フィールドが必要であることを示すポップアップ メッセージが表示されなくなります ( http://jsfiddle.net/6Fs9y/133/ )。

これを行う方法はありますか?ティア。

0 投票する
0 に答える
101 参照

regex - HTML5 パターン正規表現の失敗

次のパターンを使用して、ユーザーが英数字以外の文字を送信できないようにしようとしていますが、何らかの理由でパターンが英数字のエントリだけでも拒否します。

「SDDS2020」というエントリを拒否する理由がわかりませんが、パターンに一致しないと言って拒否します。また、タイトルの印刷に失敗し、説明が空白のままになります。何が原因で、どうすれば修正できますか?

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

angularjs - How to validate Date and Number in angularJS

How can validate date formate in AngularJS.

How can i validate number upto two digit decimal point and allowing users to add thousand separate.

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

regex - 括弧付きのHtml5電話番号検証

非常に単純な質問...このようなパターンをhtml5で検証するにはどうすればよいですか...

(562) 810-5566 または (714) 433-4434

括弧とスペースが含まれていることに注意してください。

現在の入力コントロールは次のようになります。

現在のパターンが 3334445555 に一致することは承知していますが、探しているものではありません。括弧を追加しようとすると、javascript コンソールで不正な正規表現構文のエラーが発生しました。ここで構文に関するヘルプが必要です。

また、おまけとして、カスタムエラーメッセージを表示する方法を知っていれば、それも役立ちます。現在、data-tel-msg が機能していません。

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

html - ユーザーが入力フィールドに挿入する正確な桁数を指定するにはどうすればよいですか?

私は HTML5 の初心者で、次の問題があります。ページには、次のような入力タグがあります。

そして、私はそれについていくつかの検証を行う必要があります。

したがって、required="required"属性は、ユーザーがこのフィールドに値を挿入する必要があることを意味し、type="number"は、この値が数値を表す必要があることを指定していることを知っています。

今私の問題は次のとおりです。この数値が正確に11桁で構成される必要があることを何らかの方法で指定できますか? HTML5属性を使用してそれを行うにはどうすればよいですか?

0 投票する
0 に答える
67 参照

javascript - HTMLInputElement.checkValidity を上書きするデメリットはありますか?

HTML5 入力要素 (またはサポートされていないポリフィル) のカスタム妥当性ルールを作成したいと考えています。ブラウザのネイティブ検証手順に可能な限り溶け込むために、入力要素のcheckValidityメソッドを上書きしてロジックをフックすることにしました。

このアプローチには、私が予想していなかった問題はありますか?

私が知る限り、有効性チェック関数が積み重ねられて次々に呼び出されるため、このソリューションは複数回呼び出されることに対して堅牢です。

しかしcheckValidity()、ネイティブメソッドではないことが私を苦しめる他のケースがあるでしょうか?

0 投票する
4 に答える
10142 参照

javascript - javascript で設定されている場合に HTML5 エラー入力の検証をキャプチャする (警告を表示する) か、事前に検証をチェックします。

入力に設定するデータを検証しようとしています。de Validation HTML5を使用したい。

たとえば、「aaaa」が数値入力の有効なデータであるかどうかを確認したいとします。使用したかったのwillValidateですvalidityが、無効な値を設定できません。コンソールに次のように表示されます (Chrome):

指定された値「aaaa」は有効な数値ではありません。値は次の正規表現と一致する必要があります: -?(\d+|\d+.\d+|.\d+)([eE][-+]?\d+)?

エラーをキャッチしようとしましたが、それは Exception ではありません。入力値を取得しましたが、エラーの後は空です。

デモを参照してください。

より説明:

設定する値が入力型で有効かどうかを確認したい。入力に無効な値を設定し、willValidate または有効性を確認すると思いましたが、ブラウザに警告が表示され、入力値が空です。問題は、私のフロントエンドが JavaScript を介して入力値を設定するが、ユーザーが値を渡すことです。エラーが発生した場合、ユーザーにエラーを表示する必要があります。

更新:

警告が例外ではないことを知っています。任意の型で無効な入力値を設定するとエラーが表示されることを知りたいです。

0 投票する
0 に答える
719 参照

html - HTML フォームの検証 - 非表示のテキスト入力を検証しない

2 つの個別の入力セットを使用して、ユーザーが 2 つのモードから選択する必要があるフォームがあります。一部の入力はrequired.

CodePenでの例

ユーザーがフォームの一部に入力すると、他の部分のフィールドが空であるため、送信が妨げられます。

非表示部分のフィールドの検証を無効にするにはどうすればよいですか? required非表示の入力のプロパティを削除しないことが望ましいです。

これを行うデフォルトの方法はありますか?