Question

我有一个设置为必需的电子邮件的文本字段，我希望它显示您需要在电子邮件中包含“@”的文本。就像当你按下按钮而不在字段上输入任何内容时显示“填写此字段”的方式。我该怎么做？谢谢。

 EXAMPLE:
     <input type="text" name="email" required>

Answer 1

如果您使用HTML5，则可以尝试使用type：

<input type="email" name="email" required>

如果您不使用HTML5，则需要使用某些脚本语言（如Javascript）来检查有效性。例如在Javascript中它就像：

if(!document.getElementById("email").checkValidity())

对于PHP，它就像

if (filter_var($email, FILTER_VALIDATE_EMAIL))

Answer 2

您可以使用（从HTML5开始）检查它：

var date=new Date();
$('#datetimepicker').datetimepicker({
    format: 'MM/dd/yyyy',
    language: 'en',
    startDate : new Date('2015-01-01'),
    endDate :  date
});

如果格式不正确，它会显示警告（工具提示或字段周围的红色，具体取决于您的浏览器。

或者您可以在发送表单后在服务器端进行检查。例如，使用PHP，您可以使用filter_var

Answer 3

使用模式属性

<input type="text" name="email" pattern=".*[@]+.*" />

<input type="email" name="email" required />

更多详情请见：http://www.w3schools.com/tags/att_input_pattern.asp

如何检查输入的电子邮件是否有“@”

3 个答案: