javascript - HTML5 Validation API が Firefox で動作しない?

Question

HTML5 の HTML 入力の有効性プロパティは、Firefox では機能しないようです。

var input = $input.get(0);
console.log(input.validity)

このコンソールログは、空のオブジェクトを返します。Chrome と Safari で動作していますが、そのドキュメントを見れば Firefox でも動作すると思われますか?

何か案は？

score 0 · Accepted Answer

空のオブジェクトとしてenumerable表示される場合は、プロパティのみがレンダリングされている可能性があり、そのValidityStateプロパティは Firefox にはないようです。

ただし、個々のプロパティには引き続きアクセスできるはずです。

console.log(input.validity.valid);   // true/false
console.log(input.validity.tooLong); // true/false
// etc.

score 0 · Accepted Answer

input.validity単なるブール値ではなく、特別なオブジェクトを返します。

input.validity.validそのため、入力した値が正しいかどうかを確認するために使用します。

このJSFiddleを参照して、有効性プロパティを確認してください。

ValidityState オブジェクトに関するこのMDN 記事。

Firefox でのデバッグに関する限り、Firebugはこの種のものを示します。

2 に答える 2