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

I am testing to capture the submit button value on a form

本文关键字：提交 按钮 表单 测试      更新时间：2023-09-26

我正在尝试捕获一个提交按钮的值，这样我就可以根据使用的这个按钮提交表单。表单名称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>

var是javascript中的保留关键字。不能将其用作变量的名称。更改此项：

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

类似的东西：

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

首先，您不需要两个"$$"。

名称是"updateincidentButton"还是id？如果它是当前的名称，请将其更改为id:

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

表单也是如此。传递到$中的hashtag表示元素的id。

首先，您必须在某个地方定义表单。。。给它一个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;
});

确保按钮的type为"button"。

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

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

相关文章：