input输入框限制输入长度、限制输入内容

问题描述：
        在vue+elemnetUI的前端项目中，使用input输入框进行内容的输入的时候，有的时候会要求限制输入字符长度，有的会限制输入的内容。以下是几个简单的介绍。

---

示例1：限制联系人输入长度为10个字符

---

示例2：输入手机号的时候，只允许输入数字

---

示例3：要限制密码输入必须为字母和数字的组合 ，且在6-18个字符范围之间

---

示例4：若对示例3进行修改，修改成必须包含字母和数字，但不仅限于字母和数字。只需要更改registerRules中的代码即可。

password: [
  { required: true, message: "请输入密码", trigger: "blur" },
  {
	min: 6,
	max: 18,
	message: "密码长度在 6 到 18 个字符之间",
	trigger: "blur",
  },
  {
	validator: (rule, value, callback) => {
	  // 使用正则表达式进行验证，要求同时包含字母和数字
	  const regex = /^(?=.*[a-zA-Z])(?=.*\d).+$/;
	  if (regex.test(value)) {
		callback();
	  } else {
		callback(new Error('密码必须包含字母和数字'));
	  }
	},
	trigger: 'blur',
  },
]