2

我正在对输入进行客户端验证。我一直在使用 PHP 来完成这一切。不用说，事情很快就变得混乱了。因此，我研究了 JS 和 HTML5，并希望进入该系统进行验证。

我要显示的消息是这样的：

电子邮件弹出消息

我知道这些都是用<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 回答
0

必须在验证开始之前提交表格。

因此，您必须添加一个类型为submitso 的按钮，如下所示：

<input type="submit" value="blah">

然后您必须将所有字段/输入包含在一个<form>和</form>标记中。

这是工作代码：

<form> 
    <input id="foo" type="number" max="2" value="1" />
    <input id="bar" type="number" max="2" value="3" />
    <input type="submit" value="blah">
</form>

<script>
    document.getElementById('foo').validity.rangeOverflow; //false
    document.getElementById('bar').validity.rangeOverflow; //true
</script>
于 2014-06-05T17:54:13.383 回答