Jquery 更改提交时的表单操作

Ama*_*les 3 html javascript jquery jsp spring-mvc

我有一个基于 Spring Web 模型-视图-控制器 (MVC) 框架的项目。Spring Web 模型-视图-控制器 (MVC) 框架的版本是 3.2.8。我想更改提交按钮上的表单操作。所以这是我的代码,但根本没有改变任何东西!

<script type="text/javascript">
    $('#awardProductsButton').click(function(){
       $('#devicesFormId').attr('action', 'test');
    });
</script>

<form:form commandName="devicesForm" name="devicesForm" id="devicesFormId" method="post"     
action="${contextPath}/newdesign/manage/devices/${devicesForm.devices.id" htmlEscape="yes" enctype="multipart/form-data">   

<button id="awardProductsButton" class="btn btn-primary" type="submit">AWARD product/s</button>

 </form:form>
Run Code Online (Sandbox Code Playgroud)

我也尝试过

$('#awardProductsButtonId').submit(function(event){
            alert ('test');
            event.preventDefault();
            $('#deviceFormId').attr('action', '${contextPath}/newdesign/manage/device/${deviceForm.device.id}');
        });
Run Code Online (Sandbox Code Playgroud)

但即使警报也没有出现

cod*_*nut 5

你只需要 event.preventDefault()阅读.submit 更多

<script type="text/javascript">
    $('#devicesFormId').submit(function(event){
       event.preventDefault()
       $('#devicesFormId').attr('action', 'test');
       //$(this).attr('action', 'test');
    });
</script>
Run Code Online (Sandbox Code Playgroud)

  • 只是好奇......为什么这不会成为无限循环?表格不会一直重新提交吗? (2认同)