添加 required 属性：在 input 标签中加入 required 属性，这样可以激活浏览器的默认提示功能。

使用(jQuery)验证输入内容：为了更详细地验证输入，使用 jQuery 加载input 元素的值，并在以前为空时显示错误信息。我选择使用on('change', function() { ... }) 来监控输入状态。

开启必要的库：包括 jQuery 和 ABC 样式库，确保CSS样式正确应用。

样式定义：

• 使用伪元素 ::after 在输入为空时显示红色星号。
• 定义输入错误时的样式，包括红色边框和背景颜色。

脚本部分：

• 初始化时，覆盖所有 required 类输入元素。
• 在输入字段发生变化时，检查是否为空，如果为空，则显示错误提示。
• 在表单提交时，检查各个 required 输入是否已填写，若有空，则显示错误提示并阻止提交。

优化点：

• 使用 required 属性确保所有现代浏览器支持。
• 结合 jQuery 实现自定义验证，提升用户体验。
• 通过动态样式调整，避免影响原有布局。