写一个有用户名密码邮箱手机号的表单验证

这里提供一份基本的 HTML 和 JavaScript 代码示例，可以验证用户名、密码、邮箱和手机号：

HTML：

<form id="myForm">
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username"><br>
  <label for="password">密码：</label>
  <input type="password" id="password" name="password"><br>
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email"><br>
  <label for="phone">手机号：</label>
  <input type="tel" id="phone" name="phone"><br>
  <input type="submit" value="提交">
</form>

JavaScript：

$(document).ready(function() {
  $("#myForm").submit(function(event) {
    var username = $("#username").val();
    var password = $("#password").val();
    var email = $("#email").val();
    var phone = $("#phone").val();
    var usernameRegex = /^[a-zA-Z0-9_-]{3,16}$/; // 用户名格式，3-16个字母数字下划线减号
    var passwordRegex = /^[a-zA-Z0-9_-]{6,18}$/; // 密码格式，6-18个字母数字下划线减号
    var emailRegex = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/; // 邮箱格式
    var phoneRegex = /^1[3|4|5|7|8][0-9]\d{8}$/; // 手机号格式
    if (!usernameRegex.test(username)) {
      alert("用户名格式不正确");
      return false;
    }
    if (!passwordRegex.test(password)) {
      alert("密码格式不正确");
      return false;
    }
    if (!emailRegex.test(email)) {
      alert("邮箱格式不正确");
      return false;
    }
    if (!phoneRegex.test(phone)) {
      alert("手机号格式不正确");
      return false;
    }
    alert("表单验证通过");
    return true;
  });
});

此代码将在表单提交时进行验证，如果有任何一个字段格式不正确，将弹出相应的提示框。您可以根据需要自定义正则表达式和提示信息。