2011-04-01 17 views
0

场景:我想在我的HTML表单使用图像按钮使用JavaScript:在HTML需要帮助的提交按钮和JavaScript(确认键)上的Django:

<form method="post" name="delete"> 
<input type="image" name="{{a.id}}" 
    src="http://localhost:8000/site_media/web/img/delete_icon.gif" 
    onClick="decision(this,'Delete this Activity?','http://localhost:8000/delAct/listAct')"/> 
</form> 

这是我的脚本:

<SCRIPT LANGUAGE="Javascript"> 
<!--- 
function decision(selectobject, message, url){ 
    if(confirm(message)) location.href = url+"/"+selectobject.name ; 
} 
// ---> 
</SCRIPT> 

问题是它不像它应该做的那样重定向到页面delAct/listAct。所以,我试图去改变它使用type="button"和它的正常工作:

<form method="post" name="delete"> 
<input type="button" name="{{a.id}}" 
    onClick="decision(this,'Delete this Activity?','http://localhost:8000/delAct/listAct')"/> 
</form> 

我的问题是如何获得的第一个脚本使用type="image"工作?有没有办法做到这一点?

顺便说一下:我已经尝试了getpost方法的形式已经和它没有区别。另外,我在我的项目中使用Python 2.6和Django。

+0

您似乎在使用至少已过期十年的Javascript参考。所有大写标签?一个'language'属性?没有'type'属性?评论“隐藏”脚本?真的,在2011年? – 2011-04-01 18:50:08

回答

1

您遇到的问题是使用类型图像的input会创建一个看起来像图像的提交按钮,因此当它被单击时,表单会被提交到您所在的同一页面,因为<form>标记未指定一个action属性。为了防止提交内容,您需要从决定事件处理程序返回false,这将防止事件冒泡。