Skip to main content
 首页 » 编程设计

javascript之当您通过 onclick 提交时,获取在服务器上单击了哪个按钮

2025年05月04日26jpfss

我有一个带有两个提交按钮的表单,我正在使用 jquery validate 验证表单并提交它。我想知道在服务器上单击了哪个按钮。

表单

<form class="dp-blog-form" action="{% url 'price_assessment_section_1' component.id %}" method="post"> {% csrf_token %} 
 
 {{ form.as_p }} 
 
 <!-- FORM SUBMIT BUTTONS--> 
 
 <button type="submit" >&nbsp;Save&Home</button> 
 
 <button type="submit" >&nbsp;Save&Next</button> 
 
</form> <!-- end form--> 

JS

$('.dp-blog-form button[type="submit"]').on('click', function (e) { 
        e.preventDefault(); 
        if ($('.dp-blog-form').valid()) { 
            unbindPageLeaveEvent(); 
            disableButton($(this)); 
            $('.dp-blog-form').submit(); 
        } 
    }); 

如何获取服务器端的按钮信息?

请您参考如下方法:

您可以在表单中添加一个隐藏字段,在提交上方的行中,该字段将随同发送:

$('.dp-blog-form').append('<input type="hidden" name="theButton" value="'+ this.textContent +'"/>');