如何限制用户输入的邮箱地址，拒绝含感叹号的邮箱？是否需修改type为email？

不能通过将type="text"修改为type="email"来实现禁止邮箱包含感叹号的需求，原因如下：

• HTML原生的type="email"仅做基础格式校验，比如要求输入包含@符号、具备基本的域名结构，但不会拦截包含感叹号的邮箱——根据邮箱标准RFC 5322，感叹号属于邮箱本地部分允许的字符（例如test!user@example.com是符合标准的合法邮箱），因此浏览器原生验证不会拒绝这类输入。

正确实现方案 #

要禁止邮箱包含感叹号，需要结合前端辅助验证和后端强制校验（前端校验可被绕过，后端校验是安全核心）：

1. 前端校验（提升用户体验） #

可以通过HTML5的pattern属性添加自定义正则规则，限制输入内容不能包含感叹号：

<form:input path="emailAddr" type="email" id="emailAddr1" cssClass="form-control" maxlength="50" 
            pattern="^[^!]+@[^!]+\.[a-zA-Z]{2,}$" 
            title="邮箱地址不能包含感叹号"/>

• pattern="^[^!]+@[^!]+\.[a-zA-Z]{2,}$"：正则规则表示整个邮箱字符串中不能出现!，同时保证基础的邮箱格式。
• title属性：用户输入不符合规则时，浏览器会弹出该提示文本。

也可以配合JavaScript监听输入/提交事件，手动检查是否包含感叹号并提示错误：

document.getElementById("emailAddr1").addEventListener("input", function() {
    if (this.value.includes("!")) {
        this.setCustomValidity("邮箱地址不能包含感叹号");
    } else {
        this.setCustomValidity("");
    }
});

2. 后端校验（安全保障） #

因为前端校验可以被绕过，必须在后端（结合你使用的Spring MVC框架）添加强制校验：

方式一：使用JSR-380校验注解

在表单实体类的emailAddr字段上添加自定义正则校验：

import javax.validation.constraints.Pattern;

public class EmailForm {
    @Pattern(
        regexp = "^[^!]+@[^!]+\\.[a-zA-Z]{2,}$",
        message = "邮箱地址不能包含感叹号"
    )
    private String emailAddr;

    // getter、setter方法
}

然后在控制器方法中通过@Valid触发校验：

import org.springframework.validation.BindingResult;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.ModelAttribute;

@PostMapping("/submit")
public String submitForm(@Valid @ModelAttribute("emailForm") EmailForm form, BindingResult result) {
    if (result.hasErrors()) {
        // 校验失败，返回表单页面
        return "your-form-page";
    }
    // 校验通过，处理业务逻辑
    return "success-page";
}

方式二：手动校验逻辑

如果不使用注解校验，也可以在控制器中手动检查：

@PostMapping("/submit")
public String submitForm(@ModelAttribute("emailForm") EmailForm form, BindingResult result) {
    if (form.getEmailAddr() != null && form.getEmailAddr().contains("!")) {
        result.rejectValue("emailAddr", "error.email", "邮箱地址不能包含感叹号");
    }
    if (result.hasErrors()) {
        return "your-form-page";
    }
    // 处理业务逻辑
    return "success-page";
}

内容的提问来源于stack exchange，提问作者Saber