如何使用 php 验证电子邮件的格式

在这种情况下，进行双重验证很方便：在客户端和服务器端。

在客户端

由于 HTML5 有email元素input的类型，所以你把这个：

 <input type="email" id="email" class="boton" name="email" placeholder="Tu email">

它将在客户端验证电子邮件。

服务器端

您可以使用filter_var来验证电子邮件。

由于它filter_var返回经过验证的数据 or FALSE，因此您可以像这样直接捕获电子邮件：

$email =  filter_var($_POST["email"], FILTER_VALIDATE_EMAIL);

然后if就像你在代码中最初的样子：

if ($email && $name && $message){
    // ... código
} else {
    // ... código
}

要解决您描述的问题，有两种方法可以解决。

第一个选项：

在这种情况下，您可以做的最简单的事情就是更改以这种方式键入电子邮件的输入的type="text"属性type="email"。

<input type="email" id="email" class="boton" name="email" placeholder="Tu email">

第二种选择

使用用于验证表单的 Jquery Validation 插件，除此之外，您还可以显示自己的错误消息。

在这里，我给您留下了应用 Jquery Validation 插件的表单外观代码

1°拥有HTML表单

<div id="contact_form">
  <form action="confFormulario3.php" id="form1" name="form1" method="post">
    <input type="text" id="email" class="boton" name="email" placeholder="Tu email">
    <input type="text" id="nombre" class="boton" name="nombre" placeholder="Cómo te llamas">
    <textarea name="mensaje" id="mensaje" class="boton"  placeholder="En qué podemos ayudarte?"></textarea>
    <input type="submit" name="Submit" id="buttonEnviar" class="boton" value="ENVIAR">
  </form>
</div>

2° 创建一个执行相应验证的 Javascript 文件，我将调用它validacion.js

$(function(){
  $('#form1').validate({
    //En rules defines los campos que quieres validar, con el nombre de los id de cada input
      rules: {
        email: {
          required: true,
          email: true
        },
        nombre: {
          required: true,
          minlength: 3
        }
      },
      //En messages describes el mensaje que quieres el usuario visualice por cada cada validación que aplicaste en rules
      messages: {
        email: {
          required: "Este campo es obligatorio",
          email: "El email no tiene el formato correcto"
        },
        nombre: {
          required: "Este campo es obligatorio",
          minlength: "El nombre debe tener al menos 3 caracteres"
        }
      }
}
});

注意：为此，不要忘记包含插件库并validacion.js在 HTML 表单所在的文件中进行调用，否则它将无法正常工作。我建议您阅读其官方页面上的文档，因为我向您展示的示例是您可以做的许多事情中的基本之一。

https://jqueryvalidation.org/documentation/

也许这可以帮助您进行所需的验证并插入到您的数据库中：

HTML (contact.html)

<form action="javascript:void(0);" method="post" id="form-contacto">
  <input type="text" id="nombre" name="nombre" placeholder="Nombre" onkeypress="return alfabetico(event);">
  <input type="email" id="email" name="email" placeholder="Mail">
  <input type="submit" id="enviar" name="enviar" value="Enviar">
</form>

JS（验证.js）

$(document).ready(function() { 

    $("#enviar").click(function(e){
        e.preventDefault();
        $("#form-contacto").submit();
    });

    $("#form-contacto").validate({
        rules: {
            nombre: {
                required: true
            },
            email: {
                required: true,
                emailExt: true
            }
        },
        messages: {
            nombre: "Ingrese Nombre",
            email: {
                required: "Ingrese Email",
                email: "Ingrese un Email válido"
            }
        },
        submitHandler: function (form) {
            $('#enviar').attr("disabled", true);
            enviarForm();
        }   
    });
});

function enviarForm(){
    var parametros = {
        nombre: $('#nombre').val(),
        email: $('#email').val()
    }

    $.ajax({
        data:  parametros,
        url:  'procesar.php', /* Aqui mandas a tu archivo php para insertar los datos */
        type:  'post',
        async: false,
        success:  function (response) {
            /* Puedes elegir entre mostrar un alert o llevarlo a una paginas estatica des respuesta*/
            alert ("Tus datos se enviaron de forma exitosa!");
        },
        error : showError
    });
}

function showError(XMLHttpRequest, textStatus, errorThrown) {
    alert("Ha ocurrido un error procesando la información");
}

/* Validador alfabetico */
function alfabetico(e){
    kc=e.keyCode?e.keyCode:e.which;
    if(kc<32) return true;
    kc=String.fromCharCode(kc);
    if(/[^a-zA-ZüÜáéíóúÁÉÍÓÚñÑ ]/.test(kc)) return false;
}
/* Validador de Correo */
jQuery.validator.addMethod("emailExt", function(value, element, param) {
    return value.match(/^[a-zA-Z0-9_\.%\+\-]+@[a-zA-Z0-9\.\-]+\.[a-zA-Z]{2,}$/);
},'Ingrese un Email válido');

在您的 php 文件中，您所要做的就是获取数据并将其插入到您的数据库中，其余的（验证）将其留给 JS 文件。我希望它对你有帮助！