如何在 JavaScript 中提交禁用的表单字段？-css教程-PHP中文网

如何在 JavaScript 中提交禁用的表单字段？

Patricia Arquette

发布： 2024-11-25 22:53:11

原创

201 人浏览过

How Can I Submit Disabled Form Fields in JavaScript?

提交禁用的表单字段

使用表单时，可能会遇到某些字段需要可见但无法编辑的情况。但是，这在提交数据时可能会带来挑战，因为禁用字段通常不会提交其值。

要解决此问题，可以使用 READONLY 属性。不幸的是，它不支持复选框和选择等输入类型。

jQuery 解决方案

如果 READONLY 不适用，jQuery 提供了一种解决方法：

$('form').submit(function(e) {
    $(':disabled').each(function(e) {
        $(this).removeAttr('disabled');
    })
});

登录后复制

此代码片段在提交时从表单内的所有元素中删除禁用属性。这样，即使字段最初被禁用，也可以提交。

其他注意事项

此外，如果您想阻止字段编辑但又不想隐藏它们，您可以使用 CSS 将它们设置为只读。例如：

input[disabled] {
    background-color: lightgray;
    border: 1px solid gray;
}

登录后复制

此代码将使禁用的输入字段显示为灰色，并且不允许用户编辑它们。但是，它们仍然可见，并且它们的值将在提交表单时提交。

以上是如何在 JavaScript 中提交禁用的表单字段？的详细内容。更多信息请关注PHP中文网其他相关文章！