时间戳

首页 > 解决方案 > 使用计算字段表单插件

javascript - 使用计算字段表单插件

问题描述

我正在为 WordPress 使用“计算字段表单”插件。我已经创建了我的表单，但它不是高级版本，我必须使用 HTML、CSS 和 JQuery 来构建一个 php 文件，以通过电子邮件将我的客户请求发送到我的电子邮件。我的 php 文件：

$computers = $_POST['fieldname2_1'];
$servers = $_POST['fieldname3_1'];
$branches = $_POST['fieldname4_1'];
$support = $_POST['fieldname5_1'];
$price = $_POST['fieldname1_1'];
$name = $_POST['fieldname7_1'];
$email = $_POST['fieldname12_1'];
$phone = $_POST['fieldname8_1']; 
$to = 'danialskh@yahoo.com';
$subject = 'network supporting request';
$message = 'FROM: '.$name.' Email: '.$email.'Message: '.$message;
$headers = 'From: danialskh@yahoo.com' . "\r\n";
if (filter_var($email, FILTER_VALIDATE_EMAIL)) { // this line checks that we have a valid email address
	mail($to, $subject, $message, $headers); //This method sends the mail.
    echo "درخواست شما ارسال شد !"; // success message
	}else{
    	echo "ایمیل اشتباه است ! لطفا ایمیل صحیح را وارد کنید .";
 	}

我有这个：

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function(){
$("#fieldname11_1").click(function(){
    $("#cp_calculatedfieldsf_pform_1").attr("action", "http://ariyannet.com/module/wp-content/themes/twentyseventeen/networkcustomer.php");
	$("#fieldname13_1").attr("type", "submit");
    $("#field_1-6").fadeIn(1000);
});
$("#fieldname14_1").click(function(){
    $("#field_1-6").fadeOut(1000);
});
$('#fieldname13_1').click(function() {
         $('#fieldname13_1').attr('value', 'لطفا صبر کنید ...');
         $.post("http://ariyannet.com/module/wp-content/themes/twentyseventeen/networkcustomer.php", $("#cp_calculatedfieldsf_pform_1").serialize(), function(response) {
             $('#fieldname15_1').html(response);
             $('#fieldname13_1').attr('value', 'ارسال');
         });
         return false;
});
});
</script>

但是当我点击表单的提交按钮时，什么也没有发生！如果我不使用 Jquery，点击按钮后，浏览器只会显示我的 php 文件的原始版本

有人可以帮助我吗？

标签： javascriptphpjqueryhtmlcss

解决方案

推荐阅读