创建一个包含姓名、电子邮件和电话号码的表单。使用 jQuery 验证表单字段是否为空，并验证 电子邮件是否符合格式（例如，包含 @ 和域名）。验证成功后显示“表单验证成功”的消息，验证失败则 显示错误消息。

创建一个包含姓名、电子邮件和电话号码的表单，首先需要HTML结构来定义输入字段和显示消息的部分。然后使用jQuery编写JavaScript代码来处理表单验证。

HTML部分：

<form id="myForm">
  <label for="name">姓名:</label>
  <input type="text" id="name" required><br>
  
  <label for="email">电子邮件:</label>
  <input type="email" id="email" required><br>
  
  <label for="phone">电话号码:</label>
  <input type="tel" id="phone" pattern="[0-9]{10}" required><br>

  <button type="submit">提交</button>
  <p id="message"></p>
</form>

接下来是jQuery验证部分：

$(document).ready(function() {
  $("#myForm").on("submit", function(e) {
    e.preventDefault(); // 阻止表单默认提交

    var name = $("#name").val();
    var email = $("#email").val();
    var phone = $("#phone").val();

    if (name.trim() === "" || email.trim() === "" || phone.trim() === "") {
      $("#message").text("表单不能为空");
    } else if (!isValidEmail(email)) {
      $("#message").text("电子邮件格式错误");
    } else if (!isValidPhoneNumber(phone)) {
      $("#message").text("电话号码格式错误");
    } else {
      $("#message").text("表单验证成功");
    }
  });

  // 自定义邮箱和电话号码的验证函数
  function isValidEmail(email) {
    var regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    return regex.test(email);
  }

  function isValidPhoneNumber(phone) {
    var regex = /^\d{10}$/; // 此处假设电话号码仅包含10位数字
    return regex.test(phone);
  });
});

以上代码首先阻止了表单的默认提交行为，然后获取每个字段的值并检查它们是否为空。同时，我们还定义了`isValidEmail`和`isValidPhoneNumber`函数用于检查电子邮件和电话号码的格式。如果所有验证都通过，会显示“表单验证成功”；如果有错误，则展示相应的错误消息。