naive ui 控制 n-input 只可以输入26个英文字母+数字
<n-form-item label="编码" path="sn">
<n-input v-model:value="form.sn" placeholder="请输入编码" :on-input="handleInput"></n-input>
</n-form-item>
// 处理输入事件的函数
const handleInput = (value) => {
// 定义正则表达式,只允许英文字母和数字
const regex = /^[a-zA-Z0-9]*$/;
if (regex.test(value)) {
// 如果输入符合规则,更新输入框的值
form.value.sn = value;
} else {
// 如果输入不符合规则,截取符合规则的部分
form.value.sn = value.replace(/[^a-zA-Z0-9]/g, '');
}
};
最终测试,不可以输入汉字