問題タブ [html5-validation]

HTML5検証を使用してフォームを検証すると、エラーが1つだけ表示されますが、フォームにはさらに多くのエラーが発生する可能性があります。したがって、ユーザーは1つのエラーのみを修正し、フォームを再度送信して、別のエラーがあることを確認します。これは、ユーザーにとって苛立たしく、ユーザーエクスペリエンスが非常に悪い可能性があります。すべての検証エラーを一度に確認するにはどうすればよいですか？

TJ VanTollによって作成されたJavaScriptがいくつかあります。これは、フォームのすべての検証エラーを取得し、フォームの上部に表示します。ただし、デフォルトのHTML5の方法で、フォームの横にすべてのエラーを表示したいと思います。

これらは私が得たエラーと警告です:

行 135、列 134: & は文字参照を開始しませんでした。(& はおそらく & としてエスケープされているはずです。)Rk44QGJO&hl=he">

行 135、列 309: iframe 要素の frameborder 属性は廃止されました。代わりに CSS を使用してください。…ight="300" width="500" frameborder="0">

行 161、列 116: 属性 addthis:url は XML 1.0 としてシリアル化できません。

属性 addthis:title は、XML 1.0 としてシリアル化できません。

属性 addthis:description は、XML 1.0 としてシリアル化できません。

この時点で、属性 addthis:url は要素 div で許可されていません。

この時点で要素 div に属性 addthis:title を使用することはできません。

属性 fb:like:layout は、XML 1.0 としてシリアル化できません。

この時点で、属性 fb:like:layout は要素 a で許可されていません。

これはaddthisコードです：

エラーを修正する方法を知っている人はいますか？

ありがとう

フィールドの検証に HTML5 を使用しています。ボタンのクリックで JavaScript を使用してフォームを送信しています。しかし、HTML5 検証は機能しません。入力タイプが の場合にのみ機能しますsubmit。JavaScript 検証を使用するか、タイプを に変更する以外に何かできることはありますsubmitか?

これは HTML コードです。

関数でフォームを送信していますsubmitform()。

civem.js を使用して、html5 フォーム要素のエラー メッセージをカスタマイズし、すべて正常に動作しています。

ただし、必要なチェックボックスをオンにする前にユーザーが誤って送信をクリックした場合、割り当てエラー メッセージが表示されますが、これは問題ありません。ユーザーが戻ってチェックした場合、フォームは送信されず、ボックスをチェックするように求められません。チェックボックスを必要なモードonclickから追い出さないようなものです。

ここにリンクがありますhttp://jsfiddle.net/BqUNS/、チェックボックスをオンにする前に送信をクリックしてください。

どんな助けでも感謝します。

HTML5 フォーム検証を使用する場合、フォームに無効な入力値があると、そのフォームの送信が停止します。ユーザーが失敗したフォーム送信を試みたことをどのように検出できますか? 検証の失敗によって送信が停止された場合、フォームのonsubmitハンドラーは起動しません。

現在、送信ボタンのイベントをリッスンしてkeypress、click送信の試みを検出しています。失敗したフォーム送信を検出するより良い方法はありますか?

I want to know if there is any way to programatically show a HTML5 validation error, using a JavaScript function.

This is useful for scenarios where email duplication has to be checked. For example, a person enters an email, presses the Submit button, and then has to be notified that this email is already registered or something.

I know there are other ways of showing such an error, but I wanted to display it in the same way as how the validation error messages are shown (e.g. invalid email, empty field, etc.).

JSFiddle: http://jsfiddle.net/ahmadka/tjXG3/

HTML Form:

JavaScript:

The above code sets the custom message, but its not automatically shown. It's only shown when the person presses the submit button or something.

アプリケーションのすべてのフォームで HTML5 検証を無効にするために何かできないかと考えています。

これを行う方法はありますか、またはnovalidateフォームタグごとに属性を追加するだけですか?

選択フィールドにも必須を模倣したい。最初のオプションが空の場合、必須フィールドは選択フィールドとして機能します。しかし、まだ「このフィールドに記入してください」というボックスが表示されません

html5の入力フィールドにあるものと同様に、必要なボックスを選択フィールドに追加できるハックまたは方法はありますか