Question

我有一个带有一些输入的表单，其中一些输入被禁用。由于它们已被禁用，因此它们不会提交包含在其中的数据。所以我使用以下jQuery代码删除提交时的disabled属性。

jQuery(function ($) {        
    $('form').bind('submit', function () {
        $(this).find(':input').prop('disabled', false);
    });
});

当用户点击提交按钮时，disabled属性被删除，这些字段中的数据被发送，文件被下载（我使用标题，因此用户在同一页面上）。但是，由于现在删除了disabled属性，用户可以修改这些字段并使用自己的数据重新提交表单，这是我不想要的。

我的问题是，如何在提交表单后修改我的代码以重新禁用这些字段。

Answer 1

您可能正在寻找readonly而不是disabled（并且没有jQuery）：

<input type="text" name="readOnlyValue" value="666" readonly="readonly" />

本主题的提出方式不同answered in details here。简而言之：

disabled可防止焦点并阻止发送数据
readonly允许焦点但阻止修改并允许发送数据

请注意，因为用户可以通过黑客攻击页面轻松更改input的值。所以你应该准备好在服务器端处理恶意用户。

Answer 2

我找到了解决方法。

我没有将每个输入设置为disabled，而是将其设置为readonly，但为了使其具有与disabled字段相同的样式，我添加了以下CSS

input:read-only {
    background-color: #EBEBE4;
    color: #545454;
    border-style: hidden;
    padding: 3px;
}

jsFiddle 显示两者之间差异的样本

Answer 3

直接回答您的问题：如果您使用异步xmlhttprequest提交表单，则可以在回调函数中重新禁用按钮。

但是，我认为最简单的解决方案是将数据再次添加为type =＆＃34; hidden＆＃34;像这样：

 Caused by: java.lang.OutOfMemoryError: Failed to allocate a 9223212 byte allocation with 5451732 free bytes and 5MB until OOM
        at dalvik.system.VMRuntime.newNonMovableArray(Native Method)
        at android.graphics.BitmapFactory.nativeDecodeAsset(Native Method)
        at android.graphics.BitmapFactory.decodeStream(BitmapFactory.java:741)
        at android.graphics.BitmapFactory.decodeResourceStream(BitmapFactory.java:562)
        at android.graphics.drawable.Drawable.createFromResourceStream(Drawable.java:1014)
        at android.content.res.Resources.loadDrawableForCookie(Resources.java:3702)
        at android.content.res.Resources.loadDrawable(Resources.java:3575)
        at android.content.res.TypedArray.getDrawable(TypedArray.java:750)
        at com.blunderer.materialdesignlibrary.views.CardView.<init>(CardView.java:58)
        at java.lang.reflect.Constructor.newInstance(Native Method)
        at java.lang.reflect.Constructor.newInstance(Constructor.java:288)
        at android.view.LayoutInflater.createView(LayoutInflater.java:614)
        at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:750)
        at android.view.LayoutInflater.rInflate(LayoutInflater.java:813)
        at android.view.LayoutInflater.rInflate(LayoutInflater.java:821)
        at android.view.LayoutInflater.inflate(LayoutInflater.java:511)
        at android.view.LayoutInflater.inflate(LayoutInflater.java:415)
        at android.view.LayoutInflater.inflate(LayoutInflater.java:366)
        at android.support.v7.app.AppCompatDelegateImplV7.setContentView(AppCompatDelegateImplV7.java:267)
        at android.support.v7.app.AppCompatActivity.setContentView(AppCompatActivity.java:130)
        at it.quotidianiitaliani.MainActivity.onCreate(MainActivity.java:19)
        at android.app.Activity.performCreate(Activity.java:6221)
        at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1119)
        at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2611)
        at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2723)
        at android.app.ActivityThread.access$900(ActivityThread.java:172)
        at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1422)
        at android.os.Handler.dispatchMessage(Handler.java:102)
        at android.os.Looper.loop(Looper.java:145)
        at android.app.ActivityThread.main(ActivityThread.java:5832)
        at java.lang.reflect.Method.invoke(Native Method)
        at java.lang.reflect.Method.invoke(Method.java:372)
        at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1399)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1194)

只有第一个可见，只有第二个被提交。

从表单中删除“已禁用”属性并重新启用

3 个答案: