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

我试图捕获提交按钮的值，以便我可以根据正在使用的此按钮提交表单。表单名称为incidentform，按钮名称为updateincidentButton。以下是代码。我正在测试以捕获表单上的提交按钮值

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

    }) 
})

这里是形式

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

</form>

来源

2014-10-30 user1554967

你的问题是什么？还有$$（“＃incidentform”）是一个错字？请添加相关的html – Huangism 2014-10-30 19:30:51

是的$$是代码复制和粘贴的错字。我很抱歉，我的意思是说他们是元素的名称 – user1554967 2014-10-30 19:34:36

首先，你并不需要两个基本的HTML “$$”。

名称是“updateincidentButton”还是id？与形式

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

同样的事情：如果是目前的名称，将其更改为ID。传入$的hashtag表示元素的id。

来源

2014-10-30 19:31:52

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

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

到这样的事情：

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

来源

2014-10-30 19:33:31 ray9209

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

来源

2014-10-30 19:34:56

我实际上想要做的是使用ajax提交表单。我只想测试按钮动作。上面的代码是否会一起工作？ e.preventdefault（）是否停止按钮点击的默认操作而不是表单提交的默认操作？ – user1554967 2014-10-30 20:18:26

确保按钮的type是'按钮'。

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

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

来源

2014-10-30 19:35:31 Paul

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

回答

相关问题