如何在 jQuery CRM 动态门户中序列化查找字段

Question

我在 CRM 动态 adx 门户中有一个带有文本框和查找字段的表单。

为了验证，我只想在任何字段中更改文本时启用提交按钮，否则保持禁用状态。

我可以通过使用以下代码序列化表单中的所有字段来实现这一点，但查找字段不会被序列化并保持只读状态：

$(document).ready(function  () {
    $(".text.form-control").each(function(){
        $(this).data('serialized', $(this).serialize());
    })
    .on('change input', function(){
        $(':input[type="button"]').prop('disabled', $(this).serialize() == $(this).data('serialized'));
           
     });
     $(':input[type="button"]').prop('disabled', true);
});

如何包含要序列化的查找字段？

Answer 1

要解决这个问题，需要进行两项更改：

不是只序列化文本框，而是序列化整个表单，在我的例子中，这将包括查找表单内容，更改代码的第二行将序列化表单上的所有字段类型。

此外，为避免禁用查找按钮，请按值而不是类型指定要禁用的按钮。 type='button' 也属于我不想禁用的查找弹出选择按钮，我只需要在没有发生更改时禁用 Submit 和 Cancel 按钮，所以我使用了这两个按钮的 value 属性：

$(document).ready(function  () {
$("form").each(function(){
    $(this).data('serialized', $(this).serialize());
})
.on('change input', function(){
    $(':input[value="Submit Request"]').prop('disabled', $(this).serialize() == $(this).data('serialized'));
    $(':input[value="Cancel"]').prop('disabled', $(this).serialize() == $(this).data('serialized'));
 });
 $(':input[value="Submit Request"]').prop('disabled', true);
 $(':input[value="Cancel"]').prop('disabled', true); });