自定义校验规则:
在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>
复制