如何提交php表单和javascript弹出窗口的值?
我创建了一个PHP页面,其中包含一些表单信息,在表单的末尾有一个提交按钮。我知道如何使用PHP post方法从表单获取所有用户输入。我的问题是,如何创建一个迷你弹出表单,该表单将在用户单击提交按钮后弹出。弹出式表单将询问用户提交信息是否紧急,用户只需在紧急或不紧急之间进行选择,然后单击迷你弹出式表单中的按钮(“继续”),该按钮将关闭弹出式表单,并将用户输入的所有信息与弹出式表单一起发送到不同的PHP页面。有人能帮我解决这个问题吗 目前我表单的源代码如下如何提交php表单和javascript弹出窗口的值?,javascript,php,jquery,Javascript,Php,Jquery,我创建了一个PHP页面,其中包含一些表单信息,在表单的末尾有一个提交按钮。我知道如何使用PHP post方法从表单获取所有用户输入。我的问题是,如何创建一个迷你弹出表单,该表单将在用户单击提交按钮后弹出。弹出式表单将询问用户提交信息是否紧急,用户只需在紧急或不紧急之间进行选择,然后单击迷你弹出式表单中的按钮(“继续”),该按钮将关闭弹出式表单,并将用户输入的所有信息与弹出式表单一起发送到不同的PHP页面。有人能帮我解决这个问题吗 目前我表单的源代码如下 <?php include "in
<?php include "includes/tasksheader.php"; ?>
<link href="https://fonts.googleapis.com/css?family=Oleo+Script:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Teko:400,700" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<div class="main1">
<div class="contact-section">
<div class="container">
<form>
<div class="col-md-6 form-line">
<div class="form-group">
<label for="exampleInputUsername">Social Ensuarance Number</label>
<input type="text" class="form-control" id="" placeholder="Ensuarance Number">
</div>
<div class="form-group">
<label for="exampleInputEmail">Land Regisrty Department</label>
<input type="email" class="form-control" id="exampleInputEmail" placeholder="Land Registry">
</div>
<div class="form-group">
<label for="telephone">Income Tax Office</label>
<input type="tel" class="form-control" id="telephone" placeholder="Tax Office">
</div>
<div class="form-group">
<label for="telephone">Court</label>
<input type="tel" class="form-control" id="telephone" placeholder="Court">
</div>
<div class="form-group">
<label for="telephone">Limassol District Administration</label>
<input type="tel" class="form-control" id="telephone" placeholder="District Administration">
</div>
<div class="form-group">
<label for="telephone">Municipality</label>
<input type="tel" class="form-control" id="telephone" placeholder="Municipality">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputUsername">VAT Department</label>
<input type="text" class="form-control" id="" placeholder="VAT">
</div>
<div class="form-group">
<label for="exampleInputEmail">RCB Bank</label>
<input type="email" class="form-control" id="exampleInputEmail" placeholder="RCB Bank">
</div>
<div class="form-group">
<label for="telephone">Hellenic Bank</label>
<input type="tel" class="form-control" id="telephone" placeholder="Hellenic Bank">
</div>
<div class="form-group">
<label for="telephone">Bank of Cyprus</label>
<input type="tel" class="form-control" id="telephone" placeholder="Bank of Cyprus">
</div>
<div class="form-group">
<label for="telephone">CDB Bank</label>
<input type="tel" class="form-control" id="telephone" placeholder="CDB Bank">
</div>
<div class="form-group">
<label for="telephone">Other</label>
<input type="tel" class="form-control" id="telephone" placeholder="Other">
</div>
</div>
<div class="form-group">
<label for ="description"> Message</label>
<textarea class="form-control" id="description" placeholder="Enter Your Message"></textarea>
<div>
<button type="button" class="btn btn-default submit"><i class="fa fa-paper-plane" aria-hidden="true"></i> Send Message</button>
</div>
</div>
</form>
</div>
</div>
</div>
社会保险号
土地注册处
所得税办公室
法庭
利马索尔地区管理局
市
增值税部门
RCB银行
希腊银行
塞浦路斯银行
国开行
其他
消息
发送消息
谢谢你的关心我想你需要做以下几件事: 首先创建弹出式表单(有两个按钮…),然后需要在javascript文件中编写以下内容:
$('form').on("submit", function(e){
e.preventDefault();
$('popup').fadeIn();
...
}
或
然后在弹出窗口中,您将再次需要preventDefault
,并按照您的意愿执行任何操作。
我希望它有帮助:)您可以将按钮更改为“提交”按钮,并为表单设置onsubmit:
<button type="submit">
<form method="post" onsubmit="openPopup();return false">
然后使用javascript打开包含所需数据的弹出窗口
我希望这能有所帮助。请在您的页面中提供代码部分……您尝试了什么?请从用户体验(UX)的角度发布您的代码,创建一个弹出窗口供用户选择
紧急
或不紧急
,这是一种反设计。为什么不在主窗体中添加两个单选按钮并继续前进?所有输入字段中都缺少.name属性,并且所有输入字段都具有相同的ID…是的,但如果这样做,我也可以提交窗体的php值吗?php值是什么意思?如果您指的是表单中输入字段的内容,则是。JS可以读取这些内容并将其传输到弹出窗口。您可以将它们保存在隐藏的输入字段中,然后从弹出窗口发送所有数据。或者您也可以让弹出窗口将其信息(“紧急标志”)返回到原始页面,然后从那里发送所有信息。无论采用哪种方式,如果操作正确,仍然可以发送表单中包含的所有数据。
<button type="submit">
<form method="post" onsubmit="openPopup();return false">