在蚂蚁集团的业务中，经常需要处理大量的表单数据。请简述在前端如何对表单输入进行实时校验，并给出一个简单的手机号码校验的示例代码。

答题要点

推荐采用功能拆解的答题框架。首先明确需要分为校验逻辑和事件绑定两部分，然后依次阐述要点。关键要点如下：1. 选择合适的事件，可利用表单元素的 'input' 或 'change' 事件，当用户输入时触发校验函数。2. 利用正则表达式，编写正则来匹配手机号码规则，比如 /^1[3-9]\d{9}$/ 可匹配以 1 开头，第二位是 3 - 9 的 11 位数字。3. 展示校验结果，将校验结果反馈给用户，如使用文本提示或改变输入框样式。4. 绑定校验函数，在 HTML 中为表单元素添加事件监听器，调用校验函数。示例思路：创建一个 HTML 输入框，使用 JavaScript 为其添加 'input' 事件，在事件处理函数中使用正则校验用户输入，若不匹配则显示错误提示。