不，在使用ajax时，不需要在表单标记中包装输入（或其他）元素。

但是，有时使用表单构造是一个好主意，例如如果您想使用。serialize（）一次性获取所有表单名称/值（例如，如果您使用的是ajax，这是一个很好的快捷方式）。

请注意，如果您使用表单（即提交按钮

$('#myForm').submit(function(event){
    let validation_okay = true;
    //do your validation
    if (!validation_okay){
        alert('Please fix errors and re-submit');
        return false;
        //Here, form will NOT submit but will return control to user
    }
    //if form gets to here, it will submit normally
});

每个人都有自己的风格，但现在我很少（如果有的话）使用表单标签，而是自己使用jQuery/js来控制用户体验。使用AJAX，实际上不需要使用表单——您可以在不离开当前页面的情况下执行完全相同的操作（除非您随后专门编写了这样做的代码）。

但如果设置为使用表单，还请注意，可以动态创建表单标记，将其添加到DOM中，然后使用jQuery/js提交：

//You have a structure that is constructed WITHOUT any form tags - a lightbox or something
//The *submit* button is just an ordinary button (without `type="submit"`)
//User clicks your "Go" or "Submit" button, and you validate the field values. Now you
//want to submit it.
if (!validation_okay){
    let uid = $('#userid').val();
    let pwd = $('#pword').val();
    let myform = '\
        <form id="laform" action="process_login.php" action="post">\
            <input name="user_id" value="' + uid + '" />\
            <input name="passwrd" value="' + pwd + '" />\
        </form>';
    $('body').append(myform);
    $('#laform').submit();
}

或者，您可以使用ajax做与上面相同的事情，它看起来像这样：

let uid = $('#userid').val();
let pwd = $('#pword').val();
if (uid.length && pwd.length){
    $.ajax({
        type: 'post',
         url: '../ajax/login.php',
        data: 'lname=' + uid + '&pword=' + pwd
    }).done(function(d){
        console.log('Received back from PHP side: ' + d);
    });
}

在PHP方面，您将在这里有一个文档：

/public_html/ajax/login.php  
(Note: above code also expects your js file to also be in a subfolder, 
 for e.g. /public_html/js/script.js)

PHP端可能看起来像这样：

<?php
    $login_name = $_POST['lname'];
    $password = $_POST['pword'];
    if ($login_name == 'bob' && $password == 'baluga'){
        echo 'Login successful';
    }else{
        echo 'Wrong, wrong, wrong! Just wrong!'
    }

参考：

为什么在通过ajax提交时使用表单标记？