自定义校验规则:
在HTML5表单验证API中,自定义规则通常通过监听表单元素的事件(如 input、change 或 invalid)并在JavaScript中进行验证来实现。以下是一个简单的例子,展示了如何创建一个自定义的验证规则,该规则要求输入字段必须包含至少两个连续的大写字母:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Custom Form Validation</title>
</head>
<body>
<form id="myForm">
<label for="customInput">请输入至少含两个连续大写字母的字符串:</label>
<input type="text" id="customInput" required>
<button type="submit">提交</button>
</form>