jQuery + IP 验证 + 数据不会在页面重新加载之前恢复答案

【问题标题】：jQuery + IP Validation + Data not reflecting upon reverting until page reloadjQuery + IP 验证 + 数据不会在页面重新加载之前恢复
【发布时间】：2010-06-04 07:40:14
【问题描述】：

我正在尝试在我的页面上实现 IP 地址验证。

我有一个显示我当前 IP 地址的测试框
具有相同的隐藏变量

我有两个按钮保存和另一个恢复，保存时新的 IP 地址被写入数据库；在 Revert 上，我需要将旧 IP 地址从隐藏变量恢复到可见框。

我正在使用@http://mlntn.com/2009/12/30/jquery-ip-address-plugin/ 提供的插件进行验证。

这里是

$(function(){
                $('#ipAddress').ipaddress();
});

(function() {
               $('#cancel')
                .button()
                .click(function() {
                    $("#ipAddress").text($("#oldIPAddress").text());
});

这工作正常，但我的文本框 ipAddress 在页面刷新之前不会反映数据:(

    <s:textfield name="ipAddress[abcd][]" id="ipAddress" cssClass="text ui-widget-content ui-corner-all" label="IP Address" value="%{ipAddress}"/>

<s:hidden name="resIpadd" id="resIpadd" value="%{ipAddress}"/>

有没有办法让数据在不刷新页面的情况下得到体现？

【问题讨论】：

标签： jquery jsp-tags

【解决方案1】：

(function() {
           $('#cancel')
            .button()
            .click(function() {
                $("#ipAddress").text($("#oldIPAddress").text());
});

该代码已尽快执行，请尝试将其移入

$(document).ready(function(){
}

由于您正在访问多个 DOM 元素，因此这些元素可能是只是在执行代码时无法访问。 jQuery 的 ready() 函数当 DOM 准备好时触发。

【讨论】：

我试图将它移到 $(document).ready 中，但没有帮助，除非我重新加载页面，否则不会显示恢复的数据:(

【解决方案2】：

问题在于它的实现方式，当我们使用插件时

jquery-ip-address-plugin

IP 地址文本框在内部分为 4 个不同的文本框，因此，在将其还原时，我们需要使用这 4 个字段。

即使我会创建一个文本框，插件也会拆分它。我已经解决了。

感谢您的帮助！

【讨论】：