1

  1. HTML5 可以自己验证电子邮件表单（不需要 JS）。如果用户忘记输入电子邮件并点击提交按钮，HTML5 如何验证空白字段？

    <form> <input type="email" placeholder="Enter your email"> <input type="submit" value="Submit"> </form>

  2. 用户输入错误电子邮件格式时的消息警报与 IE、FireFox 不同。在 IE 中，它说：“您必须以这种格式输入电子邮件地址：......” 我正在尝试编辑此消息，以便它在任何浏览器中显示相同的消息，但我还没有成功. 请帮我一把。

4

1 回答 1

5

添加所需的属性

<input type="email" placeholder="Enter your email" required>

在回答您的第二个问题时，您可以设置将文本附加到默认错误消息的标题属性。为了完全自定义错误消息，您需要编写一些 JavaScript。您想监听“无效”事件，并使用 setCustomValidity 设置消息

input.addEventListener('invalid', function(e) {
    if (input.validity.valueMissing) {
        e.target.setCustomValidity("PLZ CREATE A USERNAME, YO!");
    } else if(!input.validity.valid) { 
        e.target.setCustomValidity("U R DOIN IT WRONG!");
    }
}, false);

请参阅：http: //developer.nokia.com/Blogs/Code/2012/11/21/creating-a-custom-html5-form-validation/

以及自定义所需的消息

HTML5 表单必需属性。设置自定义验证消息？

于 2013-10-26T15:38:30.883 回答