Struts2 AJAX验证：身份证号码校验与数据减量策略

在Struts2框架中，利用AJAX技术进行用户输入的身份证号码验证是一项常见的优化策略，其目的是减少不必要的服务器请求，提升用户体验。以下是实现这一功能的步骤和关键代码分析： 1. 页面集成验证: 首先，在HTML表单中的身份证号字段(trainUser.cardNo)上添加`onblur`事件处理器，如`onblur="check()"`，这样当用户离开该字段时，会触发`check`函数进行客户端验证。 2. 客户端验证函数: - `showResponse(originalRequest)` 函数用于处理来自服务器的响应。当用户输入身份证号后，AJAX请求发送至`/webadmin/login/checkCardNo.action`这个Action，服务器处理后返回一个消息（msgStr）。如果验证失败（例如，身份证号不存在），则弹出错误提示，并通过`Field.focus($('trainUser.cardNo'))`将焦点重新定位回身份证号输入框，以便用户进行修正。 - 如果验证通过但需要进一步的选择（如销售区分），则会使用`window.confirm()`弹窗提示用户，根据用户的操作更新相应字段的值。 3. 显示和隐藏元素: - `Element.hide($('load'))` 和 `Element.show($('load'))` 分别用于隐藏和显示名为"load"的加载元素，这可能是用来显示验证过程中的进度或结果的。 4. 身份验证函数: - `check()` 函数负责实际的验证逻辑。它首先获取当前表单字段(trainUser.cardNo)的值，然后构造一个包含这些值的查询字符串（`var pars=Form.Element.serialize($('trainuser.cardNo'))`）。如果该字段为空，函数会弹出提示让用户输入身份证号。 5. 服务器端处理: - 用户提交的身份证号会被发送到`checkCardNo.action`，该Action负责执行具体的验证规则，并可能根据验证结果返回不同的消息（1表示身份证号不存在，2可能表示需要额外选择）。 总结来说，Struts2与AJAX结合，实现了在用户输入身份证号时的前端预验证，有效减少了无效请求，提高了应用的性能。同时，还包含了用户交互的友好提示和可能需要的额外操作。这种设计体现了现代Web应用对用户体验的重视以及对前后端分离原则的实践。