2

入力のクライアント側の検証に取り組んでいます。私はそれをすべて行うためにPHPを使用していました。言うまでもなく、物事はすぐに散らかってしまいました。そこで私は JS と HTML5 を調べ、検証のためにそのシステムに移行したいと考えました。

表示したいメッセージは次のとおりです。

電子メール ポップアップ メッセージ

これらは the<input type="email">タグで行われることを知っています。

いくつかの助けを借りて、このページhtml5rocksを指摘されました。

しかし、私は何かをポップアップさせることができないようです。そこのサイトからコードを直接コピーしましたが、何もありませんでした。

<input id="foo" type="number" max="2" value="1" />
<input id="bar" type="number" max="2" value="3" />
    <script>
        document.getElementById('foo').validity.rangeOverflow; //false
        document.getElementById('bar').validity.rangeOverflow; //true
    </script>

通知を表示するには何が欠けていますか?

4

2 に答える 2

3

そのポップアップは、HTML5 の新しい実装です。次のような入力フィールドを作成するだけです。

<input type="email">

入力が電子メールアドレスでない場合、フォームが送信されるとポップアップが自動的に表示されます。

HTML5 の新しい入力フィールドの詳細については、W3Schoolsを参照してください。

于 2014-06-04T22:55:59.900 に答える