2017-01-09 96 views
-1

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

<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> 

我也试过

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

但即使是警报显示不出来

+0

没有ü尝试删除'TYPE =”从'button'标签提交''属性? –

+1

可能的重复 - http://stackoverflow.com/questions/14375144/jquery-prevent-default-then-continue-default –

+1

您的代码有效。 https://jsfiddle.net/qc1fo7wq/ –

回答

1

你只需要event.preventDefault().submitread-more

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