Javascript 如何在django中禁用html按钮？

我是python和django的初学者

我想禁用HTML“注册”按钮。一旦“插件成功注册”，将显示此消息

目前，我使用json响应返回消息

return JsonResp(request,message=_('vCenter plugin registered successfully.'),)

这是密码

def vcp_home(request):
if request.method == 'POST':
    form = VcenterConfigurationForm(request.POST)
    if form.is_valid():
        if form.vcp_register():
           form.save()
           extFact=ExtensionRegister.ExtensionFactory()
           obj = models.VcenterConfiguration.objects.latest('id')
           obj.vc_version=extFact.get_pluginVersion();
           obj.save()
           form.check_update()
           return JsonResp(request,message=_('plugin registered successfully.'),)
        else:
          return JsonResp(request, error=True, message=_(form.vcp_status))
           #return JsonResp(request,message=_(form.vcp_status),)
else:
    try:
      obj = models.VcenterConfiguration.objects.latest('id')
      form = VcenterConfigurationForm(instance=obj)
      form.check_update()
    except :
       form = VcenterConfigurationForm()
       form.check_update()
return render(request, "vcp/index.html", {
'form': form
})

---

一种方法是使用ajax提交表单，然后解析响应，然后基于该响应禁用按钮

<script language="JavaScript">
        $(document).ready(function() {
            $('#YOUR_FORM').submit(function() {
                $.ajax({ // create an AJAX call...
                    data: $(this).serialize(), // get the form data
                    type: $(this).attr('method'), // GET or POST
                    url: $(this).attr('action'), // the file to call
                    success: function(response) { // on success..
                        //check the response and disable submit button
                    }
                });
                return false;
            });
        });
    </script>

$（文档）.ready（函数（）{
$（'YOUR#FORM'）。提交（函数（）{
$.ajax（{//创建一个ajax调用。。。
数据：$（this）.serialize（），//获取表单数据
类型：$（this.attr（'method'），//GET或POST
url:$（this.attr（'action'），//要调用的文件
成功：函数（响应）{//on success。。
//检查响应并禁用提交按钮
}
});
返回false；
});
});

一种方法是使用ajax提交表单，然后解析响应，然后根据该响应禁用按钮

<script language="JavaScript">
        $(document).ready(function() {
            $('#YOUR_FORM').submit(function() {
                $.ajax({ // create an AJAX call...
                    data: $(this).serialize(), // get the form data
                    type: $(this).attr('method'), // GET or POST
                    url: $(this).attr('action'), // the file to call
                    success: function(response) { // on success..
                        //check the response and disable submit button
                    }
                });
                return false;
            });
        });
    </script>

$（文档）.ready（函数（）{
$（'YOUR#FORM'）。提交（函数（）{
$.ajax（{//创建一个ajax调用。。。
数据：$（this）.serialize（），//获取表单数据
类型：$（this.attr（'method'），//GET或POST
url:$（this.attr（'action'），//要调用的文件
成功：函数（响应）{//on success。。
//检查响应并禁用提交按钮
}
});
返回false；
});
});

您的缩进被弄乱了。。。。而且，这也是一个javascript/ajax问题。在呈现页面后，无法从服务器上禁用dom元素。您的缩进被弄乱了。。。。而且，这也是一个javascript/ajax问题。无法从服务器上在呈现页面后禁用dom元素。