Question

如何使用javascript或jQuery设置表单的默认按钮？

Answer 1

$(document).ready(function ()
{
    $(".tbPassword").keydown(function (e)           /* or keyup  */
    {
        if (e.keyCode == 13) // 27=esc
        {
            $("form").submit();
        }
    });
});

Answer 2

我从网址JQuery: Setting Default Submit Button For ‘Enter Key’ Using JQuery

得到答案

他写了以下脚本：

<div>
 <input type="submit" name="CancelButton" value="Cancel" />
 <input type="submit" name="DeleteButton" value="Delete" />
 <input type="submit" name="UpdateButton" value="Update" />
</div>

现在，如果您专注于其中一个HTML表单字段 - 名字或姓氏并点击“输入密钥”，表单将被提交给其中一个按钮操作，但您不确定是哪一个！

现在让我们假设您要将表单提交始终默认为“更新”按钮，您需要执行以下操作 -

1-分配ID到更新按钮

<input type=”submit” name=”UpdateButton” value=”Update” id=”defaultActionButton”>

2 - 捕获文本框的onKeyDown事件，并将表单提交到“更新”按钮/操作。 [这是我使用jQuery的地方]

// all jQuery events are executed within the document ready function 
$(document).ready(function() { $("input").bind("keydown", function(event) {
  // track enter key
  var keycode = (event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode));
  if (keycode == 13) { // keycode for enter key
     // force the 'Enter Key' to implicitly click the Update button
     document.getElementById('defaultActionButton').click();
     return false;
  } else  {
     return true;
  }}); // end of function  }); // end of document ready

Answer 3

$("form").append('<input type="submit" value="OK" />'); 允许您使用jQuery为所有表单添加默认提交按钮。你可以在追加它之前调整这个按钮

Answer 4

在要放置按钮的位置创建一个div（带id）。

<div id="placeHere"></div>

从jQuery做到这一点。

$("#placeHere").html('<input type="submit" value="Submit" />')

希望他的帮助

Answer 5

我知道这是一个旧版本，但花了很多时间试图解决它（我们有许多不同的文本框和按钮）这似乎是基于它们击中＆＃39的最直接的方法。 ;进入＆＃39;虽然还在最后一个输入中

 $(document).keypress(function (e) {
        if (e.keyCode === 13) {
            if ($("#inputLoginPassword").is(":focus")) {
                $("#LoginButton").click();
            }
            if ($("#inputIntegratedPassword").is(":focus")) {
                $("#integratedLoginButton").click();
            }
            if ($("#inputPinNumber").is(":focus")) {
                $("#PinLoginButton").click();
            }

            return false;
        }
    });

如何从javascript设置表单的默认按钮？

5 个答案: