Javascript 如何在没有按钮的情况下提交表单？_Javascript_Php_Jquery_Html_Forms

Javascript 如何在没有按钮的情况下提交表单？

javascript php jquery html forms

Javascript 如何在没有按钮的情况下提交表单？,javascript,php,jquery,html,forms,Javascript,Php,Jquery,Html,Forms,我是新来的。我希望我的代码不带提交按钮提交表单。我的代码如下所示：每次用户在输入文本中输入数据并按enter键时，结果将显示在输入文本下方的同一页面上。这段代码将完美地工作是我使用提交按钮提交数据。有人能帮我吗？提前谢谢这是我的result.html $(document).ready(function(){ $("#code").change(function(){ var st = ''; $('#Myform input[type=text]').each(functi

我是新来的。我希望我的代码不带提交按钮提交表单。我的代码如下所示：每次用户在输入文本中输入数据并按enter键时，结果将显示在输入文本下方的同一页面上。这段代码将完美地工作是我使用提交按钮提交数据。有人能帮我吗？提前谢谢

这是我的result.html

$(document).ready(function(){
$("#code").change(function(){
    var st = '';
    $('#Myform input[type=text]').each(function(){

        st = st+ '<td>'+$(this).val()+'</td>';
        $(this).val('');
    });
    $('#result').append('<tr>'+st+'</tr>');
});

这是我的code.php

<?php if( $_REQUEST["code"] ) {$code = $_REQUEST['code'];}?>

粗略的谷歌搜索会发现jQuery提供了一种实现这一点的方法

您可以通过

submit（）

或

trigger（）

方法触发表单提交，即

$('#Myform').submit()

或

前者只是后者的捷径。

你好吗

如果需要发送到另一个php页面，可以发送AJAX，如果不想发送，可以直接向js显示数据，无需AJAX

更新：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>teste</title>
</head>

<body>
    <div>
        <label for="test">
            <input type="text" name="test" id="test">
            <p id="rest"></p>
        </label>
    </div>
    <script>
    $('#test').on('change', function(e) {
        e.preventDefault();
        var self = $(this);

        /** if you don't need to send to your php code 
        $('#rest').html(self.val());
        **/
        if (self.val().length > 0) {
            $.ajax({
                url: 'yourUrlphp',
                type: 'post',
                data: {
                    yourText: self.val()
                },
                success: function(data) {
                    $('#rest').html(data);
                }
            });
        }
    });

    </script>
</body>

</html>


睾丸

$（'#test'）。关于（'change'，函数（e）{
e、 预防默认值（）；
var self=$（这是）；
/**如果你不需要发送到你的php代码
$（'#rest'）.html（self.val（））；
**/
如果（self.val（）.length>0）{
$.ajax({
url:'yourUrlphp'，
键入：“post”，
数据：{
yourText:self.val（）
},
成功：功能（数据）{
$（'#rest'）.html（数据）；
}
});
}
});

使用

$（“#formid”）.submit（）

如果在输入集中时按enter键，则默认行为已经是提交表单。不清楚您的问题/预期行为是什么？..@A.Wolff让我们假设我添加了一个输入提交按钮来提交表单。当用户在输入文本中输入“123”并单击提交按钮时，将打印“123”。接下来，当用户输入“456”并单击提交按钮时，它将在“123”下面的下一行中打印“456”。但如果用户输入“789”并按enter键，所有打印的结果都将消失，url将在其后面添加“？code=”。那我怎么解决呢？我希望用户提交并打印每个结果，而不使用提交按钮。这是我面临的问题。谢谢你知道为什么会这样吗？我想开发一个条形码扫描系统，用php实现这个概念。谷歌的力量。但有些人仍然无法搜索它，这已经是在表单的输入子项中按enter键的默认行为。所以不确定你的答案为什么会有帮助嗨，我在没有php代码的情况下尝试了这段代码，但它不能正常工作。现在试试，出现了一个错误，但我更新了这个脚本

$('#Myform').trigger('submit')

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>teste</title>
</head>

<body>
    <div>
        <label for="test">
            <input type="text" name="test" id="test">
            <p id="rest"></p>
        </label>
    </div>
    <script>
    $('#test').on('change', function(e) {
        e.preventDefault();
        var self = $(this);

        /** if you don't need to send to your php code 
        $('#rest').html(self.val());
        **/
        if (self.val().length > 0) {
            $.ajax({
                url: 'yourUrlphp',
                type: 'post',
                data: {
                    yourText: self.val()
                },
                success: function(data) {
                    $('#rest').html(data);
                }
            });
        }
    });

    </script>
</body>

</html>