我正在测试捕获表单上的提交按钮值

时间:2014-10-30 19:29:28

标签: javascript jquery forms

我正在尝试捕获提交按钮的值,以便我可以根据使用的按钮提交表单。表单名称incidentform和按钮名称是updateincidentButton。以下是代码。

$(function(){
    $$("#incidentform").submit(function(e){
        var =$("#updateincidentButton").val();
        if(var==="Update incident"){
            alert(var);
            e.preventDefault();
        }

    })
})

以下是表单的基本html

<form id="incidentform" action="/" method="get">
<input type="submit" class="button" id="updateincidentButton" name="updateincidentButton" value="Update Incident"/>

</form> 

4 个答案:

答案 0 :(得分:3)

var是javascript中的保留关键字。您不能将其用作变量的名称。 改变这个:

var =$("#updateincidentButton").val();

这样的事情:

var var1 = $("#updateincidentButton").val();

答案 1 :(得分:0)

首先,你不需要两个“$$”。

名称是“updateincidentButton”还是id?如果它当前是名称,请将其更改为id:

<button id="incidentform">Click Me</button>

与表格相同。传递给$的hashtag表示元素的id。

答案 2 :(得分:0)

首先,您必须在某处定义您的表单...给它一个ID:

<form id="aspnetForm">
....
<input type="button" id="updateincidentButton" value="Update incident"/>
</form>

接下来,更改您的JavaScript:

$("#updateincidentButton").click(function(e){
    if ($(this).val() == "Update incident"){
        $("aspnetForm").submit();
        }
     e.preventDefault();
     return false;
});

答案 3 :(得分:0)

确保按钮的type为&#39;按钮&#39;。

$(document).on('click', '#updateincidentButton', function () {
    var value = $('#updateincidentButton').val();
    if (value == 'Update incident') {
        alert(value);
    }
});

然后你甚至不必防止违约。然后使用AJAX提交表单。单击时发布到取决于按钮值的URL。