jquery 设置密码输入框只能输入9位数,必须包含数字,字母,特殊字符
时间: 2023-07-25 21:44:57 浏览: 48
你可以使用 jQuery 的 keydown 或 keyup 事件来监听输入框的输入,然后通过正则表达式来判断输入的内容是否符合要求。以下是一个示例代码:
```javascript
$(document).ready(function() {
$('#password-input').on('keydown keyup', function() {
var password = $(this).val();
var regex = /^(?=.*\d)(?=.*[a-zA-Z])(?=.*[@#$%^&+=]).{9}$/;
if (regex.test(password)) {
$(this).removeClass('invalid');
$(this).addClass('valid');
} else {
$(this).removeClass('valid');
$(this).addClass('invalid');
}
});
});
```
在上面的代码中,`#password-input` 是你的密码输入框的选择器。当用户输入时,代码会获取输入框的值,并使用正则表达式来判断输入的内容是否符合要求。如果符合要求,就会给输入框添加 `valid` 类,否则就添加 `invalid` 类。你可以在 CSS 中设置这两个类的样式,以便给用户提供反馈。
需要注意的是,上面的正则表达式要求密码必须包含至少一个数字、一个字母和一个特殊字符,并且长度必须是 9。你可以根据自己的需求来修改正则表达式。