如何在沒有按鈕的情況下提交表單？

Question

我剛來這地方。 我希望我的代碼在沒有提交按鈕的情況下提交表單。 我的代碼是這樣運行的：每次當用戶在輸入文本中輸入數據並按回車鍵時，結果將顯示在輸入文本正下方的同一頁面上。 如果我使用提交按鈕提交數據，則此代碼將完美運行。 誰能幫我這個？ 提前致謝。

這是我的結果.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>');
});

});

html

<form id="Myform">
    <table>
        <tr>
            <td>
                <p>Code:</p>
            </td>
            <td><input id="code" type="text" name="code" size="40" autofocus/></td>
        </tr>
    </table>
</form>
<table id="result"></table>

這是我的代碼.php

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

Answer 1

粗略的谷歌搜索會發現 jQuery 提供了一種方法。

您可以通過submit()或trigger()方法觸發表單提交，即

$('#Myform').submit()

或者

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

前者只是后者的捷徑。

Answer 2

你好嗎？

如果需要發送到另一個php頁面，可以發送AJAX，如果不想發送，可以直接向js顯示數據，不需要ajax。

https://jsfiddle.net/5L9Leso8/

更新：

<!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>

如何在沒有按鈕的情況下提交表單？

問題描述

2 個解決方案

解決方案1
0 2016-05-04 10:41:11

解決方案2
0 2016-05-04 14:24:51

如何在沒有按鈕的情況下提交表單？

問題描述

2 個解決方案

解決方案1 0 2016-05-04 10:41:11

解決方案2 0 2016-05-04 14:24:51

解決方案1
0 2016-05-04 10:41:11

解決方案2
0 2016-05-04 14:24:51