我在function.php
中创建了一个联系表单,并在我的页面上添加了简短代码,它可以正常工作。我正在获取表格。
function st_contact_form(){
ob_start();
?>
<div class="contact_form-wrapper popup-contact-form">
<form action="" method="post" name="contact_form" id="contact_form" autocomplete="off">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-xs-12 ">
<div class="form-group">
<input type="text" name="name" placeholder="Name" class="form-control" required>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-xs-12 ">
<div class="form-group">
<input type="email" name="email" placeholder="Email Id" class="form-control" required>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-xs-12 ">
<div class="form-group">
<input type="text" name="mobileno" placeholder="Phone no" class="form-control" required>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-xs-12 ">
<div class="form-group select-service">
<select class="form-control" name="type_of_services" required>
<option selected disabled>Select Service</option>
<option value="1">Testing one</option>
<option value="2">Testing two</option>
</select>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 paddingLR0">
<div class="form-group">
<textarea class="form-control" placeholder="Message" name="message" rows="2" required></textarea>
</div>
</div>
<div class="form-group ">
<input type="submit" name="send" value="Submit" class="btn_st btn_maroon form_submit_btn">
</div>
</form>
</div>
<?php
return ob_get_clean();
}
add_shortcode( 'contact_form', 'st_contact_form' );
我在脚本文件中的脚本下方添加了该字,验证工作正常。现在我想知道如何在wordpress中提交表单?我应该创建一张桌子吗?还是我必须创建process.php文件并添加一些逻辑?
$("#contact_form").validate({
rules: {
name: {
required:true
},
email: {
required:true,
email: true,
emailExt: true
},
mobileno: {
required:true,
minlength: 10,
maxlength: 10,
number: true
},
type_of_services: {
required:true
},
message: {
required:true
}
},
submitHandler: function(r) {
if(isReqInprogress){
return;
}
isReqInprogress = true;
$.ajax({
url:base_url+"/wp-content/themes/mytheme/process.php",
type: "post",
data:{name:name,email:email,mobileno:mobileno,type_of_services:type_of_services,message:message},
dataType:"JSON",
success: function(response) {
alert("success");
isReqInprogress = false;
}
})
}
});
Process.php
<?php
global $wpdb;
$data = $_POST;
$to = $data['email'];
$subject = 'The subject';
$body = 'The email body content';
$headers = array('Content-Type: text/html; charset=UTF-8');
//$mail = wp_mail($data['email'], $subject, $body, $headers );
//if ($mail) {
$wpdb->insert('wp_contact',
array(
'name' => $data['name'],
'email' => $data['email'],
'mobileno' => $data['mobileno'],
'message' => $data['message'],
),
array(
'%s',
'%s',
'%s',
'%s',
)
);
//}
?>
你能帮我吗?
您没有提供您的process.php文件,所以我只是假设这是发生邮件逻辑的地方。最初您怀疑可以创建数据库表,然后使用wpdb类将数据插入该表。