在提交整个表单之前，我可以将单个表单值提交到数据库中吗

Can I submit individual form values into a database prior to submitting the entire form?

本文关键字：提交 表单 单个 数据库 我可以      更新时间：2023-09-26

使用jQuery、PHP、JS或任何可以处理表单并将其PUT到数据库的东西，我试图实现的是能够使用字段集对超长表单进行样式化，并将每个值传递到数据库中进行存储，然后在最后提交整个表单。

我希望这能实现的是，如果用户稍后想回来填写更多信息，可以跳过问题等。他们可以这样做，并以任何一种方式存储他们的信息。

以下是代码块的样子（这是3组128）：

<form id="myForm">
<fieldset>
<label>First Name:</label>
<input data-progression type="text" data-helper="This one is easy!" name="fname" value="" placeholder="$fname"><br>
<div class="note"><p>NOTE: Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper.Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper.</p></div>
<div class="bottomFormNav"><span class="left">Next</span></div>
</fieldset>
<fieldset>
<label>Last Name:</label>
<input data-progression type="text" data-helper="Help users through forms by providing helpful hinters" name="lname" value="" placeholder="$lname"><br>
<div class="note">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla.</div>
<div class="bottomFormNav"><span class="right">Back</span><span class="left">Next</span></div>
</fieldset>
<fieldset>
<label>Address:</label>
<input data-progression type="text" data-helper="Help users through forms by providing helpful hinters" name="address" value="" placeholder="$address"><br>
<div class="bottomFormNav"><span class="right">Back</span><span class="left">Next</span></div>
</fieldset>
</form>

每个字段都是单独填写的，用户单击"下一个"，将该字段从视图中移出，并引入下一个字段。我可以做一些事情吗？当用户点击下一个按钮时，我可以发布到数据库中，然后每个表单的占位符"将是$fname或$ssn，或者数据库中的任何变量。这样，如果未填写，则该值将返回空白，并且似乎需要填写。

感谢您的任何建议&我对重组或任何事情都持开放态度，以使这一职能发挥作用。

您可以使用jquery的$.post函数。

类似这样的东西：

$('#nextButton').on('click', function() {
    $('#load').show() //a div overlay with an ajax loading image...
    $.post('link-top-php-script.php', {
        firstName: $('#fname').val(), //give the fname field also the id fname
        lastName: $('#lname').val() //give the lname field also the id lname
        //more fields here
    }, function(data) {
        //after post is successfull
        $('#load').hide(); //hide loading overlay
        //your code for next page here
    }
});
相关文章：