输入的表单和所需的电子邮件类型

Question

当我创建一个包含所需输入的表单时：

<form action="" id="FormMessage"  method="post" >
    <div style="max-width:700px;">
                    <input name="InputEmail" id="InputName" class="email" type="text" width="100%" placeholder="Your email" required>
            <div style="padding-top:20px">
                <button id="BtMessage" class="btn btn-primary">Send</button>
            </div>
    </div>
 </form>

如果未填写，我们会收到此警告消息：

尝试单击“发送”按钮而未填写“电子邮件：http://jsfiddle.net/c9b47j9j/

”时的示例

有没有办法获得同样的信息，但如果填写的内容不是电子邮件？

Answer 1

然后您需要将输入HANDLE hStdOut = GetStdHandle ( STD_OUTPUT_HANDLE ); WriteFile( hStdOut, chBuf, dwRead, &dwWritten, NULL ); 更改为type="text"。然后它会将字段自动视为 EMAIL 。但请记住，这只是HTML 5验证。

如果您想使用其他更多验证，则需要使用type="email"或JS pulgins，或自行编写。 下面的一些jQuery表单验证插件链接::

• https://jqueryvalidation.org/
• http://www.formvalidator.net/

Answer 2

您可以使用以下内容。它将默认验证电子邮件。不需要代码。

<input type='email' />

Answer 3

而不是输入类型=＆＃39;文字＆＃39;，请使用输入类型=＆＃39;电子邮件＆＃39;。这将验证用户是否输入了有效的电子邮件地址。

现在所有主流浏览器都支持此功能：

http://caniuse.com/#search=type%3Demail

实现此目的的另一种方法是使用pattern属性应用正则表达式：

https://www.w3schools.com/tags/att_input_pattern.asp

Answer 4

这是因为你在

中写了“必需”

<input name="InputEmail" id="InputName" class="email" type="text" width="100%" placeholder="Your email" required>`

这实际上是Chrome，Firefox，Safari，IE 9+和Edge中的HTML验证关键字。

如果您想在没有此提醒的情况下验证空字段验证，请删除“required”关键字并改为使用JavaScript代码。

Answer 5

您已经使用过

type='text' 但你需要使用这个 type='email'