表单和输入

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/

有没有什么办法可以得到这个相同的消息，但如果什么已经填写ed不是电子邮件吗？

Answer 1

然后，您需要将输入type="text"更改为type="email"。然后它会自动验证该字段为电子邮件。但请记住，这只是HTML 5验证。

如果你想使用更多额外的验证，你需要使用JS或jQuery pulgins，或自己写。下面 一些jQuery的形式验证插件链接::

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

Answer 2

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

<input type='email' /> 

Answer 3

这是

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

，因为你写的 “需要” 这实际上是在Chrome，火狐，Safari，IE 9以上版本和边缘的HTML验证关键字。

如果您想验证没有此警报的空字段验证，请移除“required”关键字并改为使用JavaScript代码。

Answer 4

而不是input type ='text'，请使用input type ='email'。这将验证用户是否输入了有效的电子邮件地址。

这是现在支持所有主流浏览器：

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

实现这一目标是使用模式属性将正则表达式的另一种方式：

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