- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试为我的网站创建一个反馈表单,其中包含单选按钮,供人们对他们的体验进行排名。
我已经查看了 Stack Overflow 上的各种选项来提供帮助,但我找不到任何有效的选项。姓名等基本字段的工作方式与我在其他表单上使用它们的方式相同。我只是无法使用单选按钮来提交信息。
当我填写表单并单击“提交”时,没有任何反应,但我的 URL 更改为 www.whateversite.com?xxx_the_options_selected_on_the_form
任何有关我出错的地方或如何修复它的帮助将不胜感激。
这是我当前的 HTML - 我尝试尽可能地清理它并整齐地呈现它。
<form id="feedback-form" name="feedback-form" role="form">
<p>Please rate the following - with 5 being the
best</p><label for="exp">Overall Experience:</label>
<div class="radio">
<label class="radio-inline" for="exp1">
<input id="exp1" name="exp" type="radio" value="option1">1
</label>
<label class="radio-inline" for="exp2">
<input id="exp2" name="exp" type="radio" value="option2">2
</label>
<label class="radio-inline" for="exp3">
<input id="exp3" name="exp" type="radio" value="option3">3
</label>
<label class="radio-inline" for="exp4">
<input id="exp4" name="exp" type="radio" value="option4">4
</label>
<label class="radio-inline" for="exp5">
<input id="exp5" name="exp" type="radio" value="option5">5
</label>
</div><label for="staf">Friendliness of Staff:</label>
<div class="radio">
<label class="radio-inline" for="staf1"><input id=
"staf1" name="staf" type="radio" value=
"option1">1</label> <label class="radio-inline" for=
"staf2"><input id="staf2" name="staf" type="radio"
value="option2">2</label> <label class="radio-inline"
for="staf3"><input id="staf3" name="staf" type="radio"
value="option3">3</label> <label class="radio-inline"
for="staf4"><input id="staf4" name="staf" type="radio"
value="option4">4</label> <label class="radio-inline"
for="staf5"><input id="staf5" name="staf" type="radio"
value="option5">5</label>
</div><label for="clean">Cleanliness of facility:</label>
<div class="radio">
<label class="radio-inline" for="clean1"><input id=
"clean1" name="clean" type="radio" value=
"option1">1</label> <label class="radio-inline" for=
"clean2"><input id="clean2" name="clean" type="radio"
value="option2">2</label> <label class="radio-inline"
for="clean3"><input id="clean3" name="clean" type=
"radio" value="option3">3</label> <label class=
"radio-inline" for="clean4"><input id="clean4" name=
"clean" type="radio" value="option4">4</label>
<label class="radio-inline" for="clean5"><input id=
"clean5" name="clean" type="radio" value=
"option5">5</label>
</div><label for="refer">Would you refer a friend?</label>
<div class="radio">
<label class="radio-inline" for="refer1"><input id=
"refer1" name="refer" type="radio" value=
"option1">1</label> <label class="radio-inline" for=
"refer2"><input id="refer2" name="refer" type="radio"
value="option2">2</label> <label class="radio-inline"
for="refer3"><input id="refer3" name="refer" type=
"radio" value="option3">3</label> <label class=
"radio-inline" for="refer4"><input id="refer4" name=
"refer" type="radio" value="option4">4</label>
<label class="radio-inline" for="refer5"><input id=
"refer4" name="refer" type="radio" value=
"option5">5</label>
</div><br>
<div class="form-group has-feedback">
<p>If you would like our manager to contact you please
provide the following information:</p><label for=
"name">Full Name*</label> <input class="form-control"
id="name" name="name" placeholder="Your Full Name"
type="text"> <i class=
"fa fa-user form-control-feedback"></i>
</div>
<div class="form-group has-feedback">
<label for="email">Email*</label> <input class=
"form-control" id="email" name="email" placeholder=
"e.g. someone@mail.com" type="email"> <i class=
"fa fa-envelope form-control-feedback"></i>
</div>
<div class="form-group has-feedback">
<label for="phone">Contact Number*</label>
<input class="form-control" id="phone" name="phone"
placeholder="0400000000" type="phone"> <i class=
"fa fa-phone form-control-feedback"></i>
</div>
<div class="form-group">
<label for="subject">Please share your thoughts on how
we may improve your experience</label> <input class=
"form-control" id="subject" name="subject" placeholder=
"Please leave your thoughts here..." type="text">
<i class="fa fa-navicon form-control-feedback"></i>
</div><input class="btn btn-default" type="submit" value=
"Submit">
</form>
我当前的 PHP 是
<?php
session_cache_limiter('nocache');
header('Expires: ' . gmdate('r', 0));
header('Content-type: application/json');
// Enter your email address below.
$to = 'smile@smilehawthorn.com.au';
$subject = 'Website Feedback Received';
if($to) {
$name = $_POST['name'];
$email = $_POST['email'];
$fields = array(
0 => array(
'text' => 'Name',
'val' => $_POST['name']),
1 => array(
'text' => 'Email address',
'val' => $_POST['email']),
2 => array(
'text' => 'Contact Number',
'val' => $_POST['phone']),
3 => array(
$exp => $_POST['exp']),
4 => array(
$staf => $_POST['staf']),
5 => array(
$clean => $_POST['clean']),
6 => array(
$refer => $_POST['refer']),
7 => array(
'text' => 'Subject',
'val' => $_POST['subject'])
);
$message = "";
foreach($fields as $field) {
$message .= $field['text'].": " . htmlspecialchars($field['val'], ENT_QUOTES) . "<br>\n";
}
$headers = '';
$headers .= 'From: ' . $name . ' <' . $email . '>' . "\r\n";
$headers .= "Reply-To: " . $email . "\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=UTF-8\r\n";
if (mail($to, $subject, $message, $headers)){
$arrResult = array ('response'=>'success');
} else{
$arrResult = array ('response'=>'error');
}
echo json_encode($arrResult);
} else {
$arrResult = array ('response'=>'error');
echo json_encode($arrResult);
}
?>
最后是检查必填字段的反馈的 JS
// feedback forms validation
//-----------------------------------------------
if($("#feedback-form").length>0) {
$("#feedback-form").validate({
submitHandler: function(form) {
var submitButton = $(this.submitButton);
submitButton.button("loading");
$.ajax({
type: "POST",
url: "php/feedback-form.php",
data: {
"name": $("#feedback-form #name").val(),
"phone": $("#feedback-form #phone").val(),
"email": $("#feedback-form #email").val(),
"exp": $("#feedback-form #exp").val(),
"staf": $("#feedback-form #staf").val(),
"clean": $("#feedback-form #clean").val(),
"refer": $("#feedback-form #refer").val(),
"subject": $("#feedback-form #subject").val()
},
dataType: "json",
success: function (data) {
if (data.response == "success") {
$("#contactSuccess").removeClass("hidden");
$("#contactError").addClass("hidden");
// Reset Form
$("#feedback-form .form-control")
.val("")
.blur()
.parent()
.removeClass("has-success")
.removeClass("has-error")
.find("label")
.removeClass("hide")
.parent()
.find("span.error")
.remove();
if(($("#contactSuccess").position().top - 80) < $(window).scrollTop()){
$("html, body").animate({
scrollTop: $("#contactSuccess").offset().top - 80
}, 300);
}
} else {
$("#contactError").removeClass("hidden");
$("#contactSuccess").addClass("hidden");
if(($("#contactError").position().top - 80) < $(window).scrollTop()){
$("html, body").animate({
scrollTop: $("#contactError").offset().top - 80
}, 300);
}
}
},
complete: function () {
submitButton.button("reset");
}
});
},
// debug: true,
errorPlacement: function(error, element) {
error.insertBefore( element );
},
onkeyup: false,
onclick: false,
rules: {
name: {
required: true,
minlength: 2
},
phone: {
required: true,
minlength: 10
},
email: {
required: true,
email: true
}
},
messages: {
name: {
required: "Please specify your name",
minlength: "Your name must be longer than 2 characters"
},
phone: {
required: "We need your phone number to contact you if required",
email: "Please enter a valid contact number 0401001002 or 0390909090"
},
email: {
required: "We need your email address to contact you",
email: "Please enter a valid email address e.g. name@domain.com"
}
},
errorElement: "span",
highlight: function (element) {
$(element).parent().removeClass("has-success").addClass("has-error");
$(element).siblings("label").addClass("hide");
},
success: function (element) {
$(element).parent().removeClass("has-error").addClass("has-success");
$(element).siblings("label").removeClass("hide");
}
});
};
//end feedback form
提前致谢。
最佳答案
如果您使用 jQuery ajax 函数发送表单而不是 native 表单标签,请使用它来获取选定的单选按钮(引用示例):
$("input[name='refer']:checked").val()
关于javascript - 单选按钮 php POST,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38219990/
我在 JavaScript 文件中运行 PHP,例如...... var = '';). 我需要使用 JavaScript 来扫描字符串中的 PHP 定界符(打开和关闭 PHP 的 )。 我已经知道使
我希望能够做这样的事情: php --determine-oldest-supported-php-version test.php 并得到这个输出: 7.2 也就是说,php 二进制检查 test.
我正在开发一个目前不使用任何框架的大型 php 站点。我的大问题是,随着时间的推移慢慢尝试将框架融入应用程序是否可取,例如在创建的新部件和更新的旧部件中? 比如所有的页面都是直接通过url服务的,有几
下面是我的源代码,我想在同一页面顶部的另一个 php 脚本中使用位于底部 php 脚本的变量 $r1。我需要一个简单的解决方案来解决这个问题。我想在代码中存在的更新查询中使用该变量。 $name)
我正在制作一个网站,根据不同的情况进行大量 PHP 重定向。就像这样...... header("Location: somesite.com/redirectedpage.php"); 为了安全起见
我有一个旧网站,我的 php 标签从 因为短标签已经显示出安全问题,并且在未来的版本中将不被支持。 关于php - 如何避免在 php 文件中写入
我有一个用 PHP 编写的配置文件,如下所示, 所以我想用PHP开发一个接口(interface),它可以编辑文件值,如$WEBPATH , $ACCOUNTPATH和 const值(value)观
我试图制作一个登录页面来学习基本的PHP,首先我希望我的独立PHP文件存储HTML文件的输入(带有表单),但是当我按下按钮时(触发POST到PHP脚本) )我一直收到令人不愉快的错误。 我已经搜索了S
我正在寻找一种让 PHP 以一种形式打印任意数组的方法,我可以将该数组作为赋值包含在我的(测试)代码中。 print_r 产生例如: Array ( [0] => qsr-part:1285 [1]
这个问题已经有答案了: 已关闭11 年前。 Possible Duplicate: What is the max key size for an array in PHP? 正如标题所说,我想知道
我正在寻找一种让 PHP 以一种形式打印任意数组的方法,我可以将该数组作为赋值包含在我的(测试)代码中。 print_r 产生例如: Array ( [0] => qsr-part:1285 [1]
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗?更新问题,使其仅关注一个问题 editing this post . 已关闭 9 年前。 Improve this ques
我在 MySQL 数据库中有一个表,其中存储餐厅在每个工作日和时段提供的菜单。 表结构如下: i_type i_name i_cost i_day i_start i_
我有两页。 test1.php 和 test2.php。 我想做的就是在 test1.php 上点击提交,并将 test2.php 显示在 div 中。这实际上工作正常,但我需要向 test2.php
我得到了这个代码。我想通过textarea更新mysql。我在textarea中回显我的MySQL,但我不知道如何更新它,我应该把所有东西都放进去吗,因为_GET模式没有给我任何东西,我也尝试_GET
首先,我是 php 的新手,所以我仍在努力学习。我在 Wordpress 上创建了一个表单,我想将值插入一个表(data_test 表,我已经管理了),然后从 data_test 表中获取所有列(id
我有以下函数可以清理用户或网址的输入: function SanitizeString($var) { $var=stripslashes($var); $va
我有一个 html 页面,它使用 php 文件查询数据库,然后让用户登录,否则拒绝访问。我遇到的问题是它只是重定向到 php 文件的 url,并且从不对发生的事情提供反馈。这是我第一次使用 html、
我有一个页面充满了指向 pdf 的链接,我想跟踪哪些链接被单击。我以为我可以做如下的事情,但遇到了问题: query($sql); if($result){
我正在使用 从外部文本文件加载 HTML/PHP 代码 $f = fopen($filename, "r"); while ($line = fgets($f, 4096)) { print $l
我是一名优秀的程序员,十分优秀!