如何在用户输入不合规数据时向其弹出警示提示？

当用户录入数据时，若输入内容不符合预设规则，立即弹出警示弹窗提醒用户修正。例如：用户名仅允许使用字母和数字，不得包含符号，一旦用户输入符号就触发警示。

修正后的示例代码（含中文提示） #

function validation() {
    // 姓名仅允许字母
    let nameregex = /^[a-zA-Z]+$/;
    // 邮箱仅支持gmail/yahoo/outlook后缀，前缀为字母数字
    let emailregex = /^[a-zA-Z0-9]+@(gmail|yahoo|outlook)\.com$/;
    // 用户名需为字母数字，长度至少5位
    let userregex = /^[a-zA-Z0-9]{5,}$/;

    if (!nameregex.test(name.value)) {
        alert("姓名只能使用英文字母");
        return false;
    }
    if (!emailregex.test(email.value)) {
        alert("请输入有效的邮箱地址（仅支持gmail/yahoo/outlook后缀）");
        return false;
    }
    if (!userregex.test(username.value)) {
        alert("用户名规则：\n- 仅可使用字母和数字\n- 长度至少5位");
        return false;
    }
    return true;
}

代码关键逻辑说明 #

• 正则规则定义：针对不同输入项（姓名、邮箱、用户名）设置对应的正则表达式，明确合法输入的格式要求
• 校验与警示触发：使用正则的test()方法检查输入值是否匹配规则，不匹配时弹出中文提示弹窗，并返回false阻止后续流程（比如表单提交）
• 校验通过返回：所有输入项都符合规则时，返回true允许后续操作

内容的提问来源于stack exchange，提问作者Muhammad Fakhrur Rizal