2017-09-25 17 views
0

私は新しいプロジェクトでHTML5を使用しましたが、新機能のいくつかを使用するのは非常にうれしいようです。しかし、いくつかのことがありますが、私はそれらを働かせることができますiffyです。たとえば、フィールドの検証にエラーpattern属性を使用すると、すべてのブラウザにエラーメッセージが表示されません。私は少数のブログを読むが、それらのすべては古すぎるので、これらの問題のどれが修正されているのか分からない。 FierfoxでエラーメッセージHTML5検証メッセージですか?

<input type="text" name="frm_field1" id="frm_field1" style="width:50px" pattern="^/d{1,3}$" title="Numeric values up to 3 digits." x-moz-errormessage="Numeric values up to 3 digits allowed." /> 

コードが出力されますが、上記のクロム、SafariとIEで何も出力しません。ここに私の例です。私はこの問題がいくつかの問題を修正できるかどうか疑問に思っていますか?これまで私はこのエラーメッセージをすべてのブラウザに表示することができませんでした。私のフィールドは必須ではなく、値がフィールドにある場合にのみ検証がトリガーされます。誰かがこの問題を解決する方法を知っているなら、私に知らせてください。ありがとうございました!

答えて

2
あなたがFirefoxの x-moz-errormessageに固有の接頭辞を使用しているためです

ありWebKitの(クローム)には同等のものではありませんが、あなたはあなたはまた、好ましくはフォームを検証するためにJavaScriptを使用して試すことができますsetCustomValidity

0

で見たいと思うかもしれません代わりに。

+0

HTML5で検証済みの場合はなぜJavascriptを使用しますか? –

+0

より優れた柔軟性のあるクライアント側の検証が提供されます。また、サーバー側の検証でもより高度なセキュリティを使用することができます。 – kelvin