HTML表单验证能支持自定义规则吗

是的，HTML表单验证支持自定义规则。你可以使用pattern属性来定义一个正则表达式，以验证输入数据的格式是否符合预期。例如，以下代码可以验证输入的数据是否为有效的电子邮件地址：

<input type="email" pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$" required>

你也可以使用JavaScript来实现更复杂的自定义验证规则。你可以通过获取表单元素的值，并使用JavaScript函数来验证该值是否符合预期。例如，以下代码可以验证输入的数据是否为有效的电话号码：

<input type="text" id="phone" required>
<script>
function validatePhone(phone) {
  // 定义正则表达式来验证电话号码格式
  var pattern = /^\d{3}-\d{3}-\d{4}$/;
  return pattern.test(phone);
}

// 获取表单元素的值，并进行验证
var phoneInput = document.getElementById("phone");
if (!validatePhone(phoneInput.value)) {
  alert("请输入有效的电话号码！");
  phoneInput.focus();
  return false;
}
</script>

在这个例子中，我们定义了一个名为validatePhone的函数，该函数使用正则表达式来验证电话号码格式。然后，我们获取了表单元素的值，并使用该函数进行验证。如果输入的数据不符合预期，我们会弹出一个警告框，并聚焦到表单元素上，以便用户可以更正输入。