我在表单中有一个提交按钮，并使用 PHP 编写脚本来通过电子邮件发送表单。当按下按钮时，没有任何反应，甚至不显示 PHP 代码，就像未安装 PHP 时一样。我在机器上测试了其他简单的邮件表格，它们显示了代码。这个什么也不做。
HTML 代码:
<form name="apply" method="post" action="mail.php">
<font class="error-message"></font>
<div class="form-content">
<div class="left-label">
<label>First and Last name:</label>
<label>School type:</label>
<label>Practice name:</label>
<label class="address">Address:</label>
<label class="address2">Address (cont):</label>
<label class="zip">Zip Code:</label>
<label class="city">City:</label>
<label>Website:</label>
<label>Email:</label>
</div>
<div class="right-fields">
<input type="text" name="fist-last-name" placeholder="First & Last name" title="Please enter First & Last name." />
<select name="select-school">
<option>--select--</option>
<option>Dental Assistant School</option>
<option>Medical Assistant School</option>
<option>Pharmacy Technician School</option>
<!-- <option>Personal Trainer School</option> -->
<option>Other School</option>
</select>
<input type="text" name="practice-name" placeholder="Practice name" title="Please enter your practice name." />
<textarea name="address1" placeholder="Address 1" title="Please enter address1"></textarea>
<textarea name="address2" placeholder="Address 2" title="Please enter address2"></textarea>
<div class="clear"></div>
<input type="text" name="zipcode" placeholder="Zip Code" title="Please enter your zipcode." /><br>
<input type="text" name="city" placeholder="City" title="Please enter the city where you live." />
<input type="text" name="website-address" placeholder="Website" title="Please enter your website address." />
<input type="text" name="email" placeholder="Email" title="Please enter your email address." />
<input type="submit" value="Submit"/>
</div>
</div>
<div class="clear"></div>
</form>
PHP 代码，mail.php:
<?php
$fist_last_name = $_POST["fist-last-name"];
$school_type = $_POST["select-school"];
$practice_name = $_POST["practice-name"];
$address1 = $_POST["address1"];
$address2 = $_POST["address2"];
$zipcode = $_POST["zipcode"];
$city = $_POST["city"];
$website = $_POST["website-address"];
$email = $_POST["email"];
$body = " <table>
<tr><th>First Last name:</th><td>".$fist_last_name."</td></tr>
<tr><th>School type:</th><td>".$school_type."</td></tr>
<tr><th>Practice name:</th><td>".$practice_name."</td></tr>
<tr><th>address1:</th><td>".$address1."</td></tr>
<tr><th>address2:</th><td>".$address2."</td></tr>
<tr><th>Zipcode:</th><td>".$zipcode."</td></tr>
<tr><th>City:</th><td>".$city."</td></tr>
<tr><th>Website:</th><td>".$website."</td></tr>
<tr><th>Email:</th><td>".$email."</td></tr>
</table>";
mail('emailaddress@domain.com','No Reply',$body,"From: noreply@domain.com");
?>
这是用于表单验证的 JavaScript:
/* Form validation */
$("form[name='apply']").submit(function(){
var error = true;
var text_fields = ["fist-last-name", "practice-name", "zipcode", "city", "website-address", "email"];
$.each(text_fields,function(key,value){
if(!$.trim($("input[name='"+value+"']").val()) == "") {
$("input[name='"+value+"']").css({'border-color': '#ccc'});
}
else{
$("input[name='"+value+"']").css({'border-color': 'red'});
error = false;
}
});
if($("form[name='apply'] select[name='select-school']").val() == "--select--") {
$("form[name='apply'] select[name='select-school']").css({'border-color': 'red'});
error = false;
}
else {
$("form[name='apply'] select[name='select-school']").css({'border-color': '#ccc'});
}
var textarea_fields = ["address1", "address2"];
$.each(textarea_fields,function(key,value){
if(!$.trim($("form[name='apply'] textarea[name='"+value+"']").val()) == "" ) {
$("form[name='apply'] textarea[name='"+value+"']").css({'border-color': '#ccc'});
}
else {
$("form[name='apply'] textarea[name='"+value+"']").css({'border-color': 'red'});
error = false;
}
});
console.log(error);
if(error == true) {
$.post('mail.php',$("form[name='apply']").serialize(),function(data){
console.log(data);
});
}
return false;
});
$("form[name='apply'] input[type='text'], form[name='apply'] textarea").blur(function(){
if($.trim($(this).val()) == ""){
$(".error-message").text($(this).attr('title'));
$(this).css({'border-color': 'red'});
}
else {
$(this).css({'border-color': '#ccc'});
$(".error-message").text('');
}
});
$("form[name='apply'] input[type='text'], form[name='apply'] textarea").bind("keydown",function(){
if($.trim($(this).val()) == ""){
$(".error-message").text($(this).attr('title'));
$(this).css({'border-color': 'red'});
}
else {
$(this).css({'border-color': '#ccc'});
}
});
此代码中出现错误:
$("form[name='apply']").submit(function(){
var error = true;
var text_fields = ["fist-last-name", "practice-name", "zipcode", "city", "website-address", "email"];
$.each(text_fields,function(key,value){
if(!$.trim($("input[name='"+value+"']").val()) == "") {
$("input[name='"+value+"']").css({'border-color': '#ccc'});
}
else{
$("input[name='"+value+"']").css({'border-color': 'red'});
error = false;
}
});
if($("form[name='apply'] select[name='select-school']").val() == "--select--") {
$("form[name='apply'] select[name='select-school']").css({'border-color': 'red'});
error = false;
}
else {
$("form[name='apply'] select[name='select-school']").css({'border-color': '#ccc'});
}
var textarea_fields = ["address1", "address2"];
$.each(textarea_fields,function(key,value){
if(!$.trim($("form[name='apply'] textarea[name='"+value+"']").val()) == "" ) {
$("form[name='apply'] textarea[name='"+value+"']").css({'border-color': '#ccc'});
}
else {
$("form[name='apply'] textarea[name='"+value+"']").css({'border-color': 'red'});
error = false;
}
});
console.log(error);
if(error == true) {
$.post('mail.php',$("form[name='apply']").serialize(),function(data){
console.log(data);
});
}
return false;
});
最佳答案
您的 Javascript 正在阻止表单提交。当您在表单的 submit 事件中返回 false 时，它会阻止表单提交。
我认为您想要返回 error 变量，该变量似乎是一个 bool 值来指示验证错误。
尝试:
$("form[name='apply']").submit(function(){
.... JS code ....
return error;
});
使用它，如果没有验证错误，表单将提交。另外，您的 error bool 值有点误导，如果 error 为 true 那么存在验证错误，那么更符合逻辑，但您将其反转 - 不会有任何区别到实际的代码执行，只是一个可读性点。
关于php - 提交按钮不执行任何操作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10411806/