隐藏提交按钮，除非表单/输入数据发生了变化

Question

我一直在尝试显示/隐藏基于当前输入字段中的数据的按钮已被更改。这是一个Account Update页面，数据从数据库中提取并插入到输入字段中。

JQuery -禁用提交按钮，除非原始表单数据发生了变化

我也拉出并调整了一段代码，并能够使它按照我想要的方式工作:http://jsfiddle.net/Pug3H/97/

然而，当我试图实现这个代码到我的页面它似乎不工作。如何从数据库填充输入字段的示例:

    <input type="text" name="Name" value="<?= $row['Name'] ?>" required />

我不确定这是否与序列化方法相冲突，如果我应该做一些不同的事情?任何帮助都是感激的。谢谢!

Answer 1

您的演示不完整，因此有一些语法错误。您希望使用css()方法设置提交按钮的可见性，如下所示:

$('form')
    .each(function(){
        $(this).data('serialized', $(this).serialize())
    })
    .on('change input', function(){
        //hide submit button
        $(this).find('input:submit, button:submit').css('visibility','hidden');
        //check if submit button should be made visible
        $(this).serialize() == $(this).data('serialized') || 
        $(this).find('input:submit, button:submit').css('visibility','visible'); 
     });