首页input标签使用正则表达式实现：包含大写小写字母和数字,长度是6位可以点提交按钮查看效果

input标签使用正则表达式实现：包含大写小写字母和数字,长度是6位可以点提交按钮查看效果

时间: 2023-11-27 21:51:23 浏览: 68

好的，以下是使用正则表达式限制input标签的示例代码： ```html <!DOCTYPE html> <html> <head> <title>Input标签使用正则表达式限制</title> <meta charset="utf-8"> <script type="text/javascript"> function checkInput() { var inputVal = document.getElementById("input1").value; // 正则表达式匹配规则：必须包含大写字母、小写字母和数字，长度为6位 var regExp = /^(?=.*[A-Z])(?=.*[a-z])(?=.*\d)[A-Za-z\d]{6}$/; if (regExp.test(inputVal)) { alert("输入合法！"); } else { alert("输入不合法！"); } } </script> </head> <body> <label for="input1">请输入内容：</label> <input type="text" id="input1" name="input1" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6}" title="必须包含大写字母、小写字母和数字，长度为6位" required> <button onclick="checkInput()">提交</button> </body> </html> ``` 在上述代码中，使用了HTML5中的pattern属性和title属性来限制input标签的输入内容，并用JavaScript编写了一个函数来检查输入是否合法。其中正则表达式的匹配规则为：必须包含大写字母、小写字母和数字，长度为6位。

阅读全文