プレースホルダー属性を実際に使用する代わりに、レガシー ライブラリを使用して html5 プレースホルダーをエミュレートする必要があります。入力の値を入力することでこれをエミュレートし、ユーザーが入力をクリックすると値をクリアする js ライブラリを使用しています。たとえば、「コードを入力してください」という一時的な値を持つキャプチャがあります。HTML5 ツールチップ検証をサポートできるブラウザーでは引き続き使用したいと考えています。そのため、キャプチャを入力せずにフォームを送信すると、ツールチップに「コードを入力してください」と表示されます。Captcha テキスト入力フィールドに 'required' 属性を設定しましたが、js ライブラリが入力フィールドの値を空白にならないように設定しているため、これは機能しません。とにかく、フォームは送信されています。
文字列「Enter Code」が有効ではなく、空の文字列でもないように、キャプチャ入力フィールドにパターンを指定したいと思います。
私が試してみました:
<input id="captcha" type="text" required="required" pattern="(?!Enter Code)">
しかし、それはうまくいかないようです。