Question

我有两个提交按钮，一个后退提交按钮和一个下一个提交按钮，当用户在文本输入中并按回车键时，它会向后移动...我认为这是因为输入会唤起后退提交按钮下一个提交按钮。

<form action="" method="post">

    <input type="submit" name="GOTO1" value="back" />

    <input type="text" name="value1" />

    <input type="submit" name="GOTO3" value="next" />

</form>

因此，当您不是文本字段，并按Enter键时，它会执行第一个提交按钮，如何更改...

Answer 1

转到jQuery路线......（未经测试）。

// Prevent default on form on page load
// or on "enter"
$('form').disable();

// OR....

// Disable the ENTER key altogether on the form inputs
$('form').find('.input').keypress(function(e){
   if (e.which == 13) // Enter key is keycode 13
   {
       return false;
   }    
});

$('input[type="submit"]').on('click', function() {
    var btn = $(this).val();

    if(btn == 'back') 
    {
        // do this to go back, code here
    }
    else 
    {
        // do this to go to next, code here
    }
    return false;
});

Answer 2

非常简单的解决方法

<script>
    function myFunction()
{ 
}
    function myFunction2()
{ 
}
</script>
</head>
<body>
<form action="" method="post">

    <input type="submit" name="GOTO1" value="back" onclick="myFunction2()"/>

    <input type="text" name="value1" />

    <input type="submit" name="GOTO3" value="next" onclick="myFunction()" />

</form>

不整洁，但它适用于onclick数字参考。

希望这会有所帮助......

Answer 3

使用

<input type="button" ... >

每个表单不应该有多个提交，因为ENTER应该触发它。

要了解更多相关信息，您可以查看以下内容：https://stackoverflow.com/a/469084/955143

有两个提交按钮

3 个答案: