訪問HTML表單元素具有相同名稱的JavaScript

我使用多個下列溶液（How to best implement Save | Save and Close | Cancel form actions in ASP.NET MVC 3 RC）提交按鈕允許取消和我的MVC格式保存：訪問HTML表單元素具有相同名稱的JavaScript

<form action="Xxxx" method="post" onsubmit="return validatePost()"> 
... 
<input type="submit" name="actionType" value="Save" /> 
<input type="submit" name="actionType" value="Cancel" /> 
</form>

使用JavaScript的onsubmit稱爲：

function validatePost() { 
    if(Blah blah){ 
     return true; 
    } 
}

我只想做這個JavaScript驗證如果'保存'被點擊，但不能告訴哪個按鈕被點擊從JavaScript。

我嘗試使用document.forms[0].elements["actionType"].value獲取actionType值，但不能，因爲表單上有多個名爲actionType的項目。

任何人都可以幫忙嗎？

感謝

來源

2013-03-27 Greg

您可以使用id（http://jsfiddle.net/7p5N5/）

<form method="post"> 
<input id="save" type="submit" name="actionType" value="Save" /> 
<input type="submit" name="actionType" value="Cancel" /> 
</form> 

function validate() { 
    alert('Validate'); 
    return false; // cancel click, true will submit 
} 

$("#save").click(function() { 
    return validate(); 
});

如果你不想使用id，您可以使用$('input[name="actionType"][value="Save"]')選擇Save按鈕

來源

2013-03-27 16:36:04

嗯，看起來很簡單，一旦你看到它 - 我使用了id。謝謝你的幫助 – Greg 2013-03-28 11:08:13

您能只聽「保存」輸入的onclick事件，並把它用你validatePost功能。

然後你可以有一個不同的功能，用於點擊'取消'來執行適當的操作。

來源

2013-03-27 16:31:07 SiCoe

訪問HTML表單元素具有相同名稱的JavaScript

回答

相關問題