2012-01-31 89 views
1

我想有一点Javascript确定哪个按钮被按下的形式。这是我的代码:Javascript来找出哪个按钮被按下

<input type="submit" value="Save"> 
<button onclick="window.location = 'admin.php'" name="new" type="button">New</button> 
<button id="deletebutton" value="30" name="del" type="submit">Delete</button> 

这些都提交给叫formValidation一个Javascript功能,像这样:

<form name="addorg" action="addorg.php" onSubmit="return formValidation()" enctype="multipart/form-data" method="POST"> 

我想编写JavaScript是数字如何判断哪些之间按钮就是区别按下。

+4

请不要说感谢:下面的属性添加到每个提交按钮的:

onclick="formValidation(this.value)" 

在JS。感谢:) – PeeHaa 2012-01-31 17:35:32

+0

我做了一个脚本,记下删除按钮时,通过一个警告询问你是否要删除,但它过于广泛,也为保存工作。 – 2012-01-31 17:44:28

+0

你为什么使用三种不同类型的按钮标签?你可以为所有三维使用任何一个。 – 2012-01-31 17:53:29

回答

0

一种方法是使这些按钮是提交按钮,给他们所有的点击处理程序,并把他们一个简单的数据属性(可在单击处理程序读取):

<input onclick="subForm()" data-type="save" type="button" value="Save"> 
<button onclick="subForm()" data-type="del" id="deletebutton" value="30" name="del" type="button" >Delete</button> 

function subForm(){ 
    var buttonType = this.getAttribute("data-type"); 
    //do somethig with buttonType 
    document.forms["addorg"].submit(); 

} 
+0

现在它不会删除,信息不会通过POST发送。 – 2012-01-31 18:07:43

0
$(document).ready(function() { 
    $('button').click(function() { 
    alert($(this).attr('id')); 
}) 
}); 

Demo

0

而不是在形式onsubmit属性,你可以使用onclick事件上的按钮来调用表单验证功能,并传递给它的点击按钮的细节。在帖子的末尾

function formValidation(value) 
{ 
    //Your code here 
} 
0
<script> 
function buttonclick(action) 
{ 
document.addorg.action.value = action; 
document.addorg.submit(); 
} 
</script> 


<form name="addorg" action="addorg.php" onSubmit="return formValidation()" enctype="multipart/form-data" method="POST"> 
<input type="hidden" name="action"> 
<input onclick=buttonclick('savebutton') type="submit" value="Save"> 
<button onclick=buttonclick('newbutton') name="new" type="button">New</button> 
<button onclick=buttonclick('delbutton') id="deletebutton" name="del" type="submit">Delete</button> 
</form>