3

ajaxを使ってフォームを送信したい。だから私は使用していませんtype=submit。onClicklink( ) でイベントを使用して、<a>ajax を使用してフォーム データを送信しています。また、HTML5 のフォーム検証機能も活用したいと考えています。
そのため、データを送信する前に、関数を使用し.checkValidityてフォームの有効性を確認しました。
true が返された場合は、データを送信します。しかし、false が返された場合、HTML5 のデフォルトの通知スキームを使用してフォームが無効であることをユーザーに示したいと思います。しかし、私はそれをトリガーする方法がわかりません。

プログラムでフォームの検証 を表示する方法はありますか。

checkValidity1 つの方法は、 false を返す場合に送信イベントをトリガーすることです。ただし、これによりページが更新されます。ページの状態を変更したくありません。

checkValidity有効性をチェックし、プログラムに通知するだけです。ユーザーにインタラクティブに通知しません。

4

2 に答える 2

1

私たちはまったく同じ問題を抱えており、非常に異なることを試みましたが、それらの多くは疑似送信や event.preventDefault() アプローチなどのハックでした。全体として、HTML5 の検証は一般的には優れていますが、フロントエンドの検証エラーと同じようにバックエンドの検証エラーを表示することはできないため、実際には非常に悪いと言わざるを得ません。

HTML5 関係者が、この element.triggerValidationMessage('my message'); のような検証をトリガーできる単純な API について考えなかった理由を神のみぞ知るです。

于 2012-12-14T16:28:28.200 に答える